Tabicoding.com - 用创意编码制作艺术品



自己紹介

我叫 Lily。 我是一名日本学生，也是一名富有创造力的程序员，热衷于探索新的地方。 最近，我被马来西亚的文化深深吸引，尤其是槟城的乔治市。 我希望用 Javascript (p5.js) 来表现这个神奇地方的美丽和多元文化。








我想做什么

"tabicoding" 项目于 2023 年 4 月启动。 "tabi" 在日语中是 "旅" 的意思。

每当我在旅行和日常生活中发现美丽的图案和喜爱的形状时，我就会使用创意编码来创作作品。

通过表格编码项目，他们了解了槟城丰富的历史和多元的文化。 此外，我还意识到艺术丰富了我的思想，因为我可以通过使用 p5.js 素描城市的风景和图案， 追溯街上人们的生活。 艺术丰富了我的思想。 我希望像我一样的年轻人能够通过像 p5.js 这样的创意编码来探索他们周围的世界。 我还想为这些草图创建一个数字画廊。 我认为这将是一个很好的方式来展示年轻艺术家的才华和创造力，并激励其他人相互了解，通过艺术来探索世界。 这应该是一个通过艺术探索世界的机会。

在这个网站上，您可以享受三件事。
  • 您可以先看看我的画廊，了解一下创意编码是怎么一回事。
  • 接下来，你可以在我的教学视频中学习如何开始创意编码和绘制基本形状。
  • 最后，我们希望在不久的将来与您一起创建一个 tabicoding 数字画廊！




我的画廊

访问 tabicoding.com 图库，查看 Creative Coding 的真实网站照片和艺术作品。
这些图案艺术是使用 p5.js 制作的。

  • Peranakan Tile (p5.js)普拉纳坎瓷砖 (p5.js)
  • Peranakan TIle (p5.js)普拉纳坎瓷砖 (p5.js)
  • Peranakan Tile (real)Pranakan 瓦片（实物）
  • Peranakan Tile (p5.js)普拉纳坎瓷砖 (p5.js)
  • Peranakan Tile (p5.js)普拉纳坎瓷砖 (p5.js)
  • Peranakan Tile (p5.js)普拉纳坎瓷砖 (p5.js)
  • Pinang Peranakan House佩南普拉纳坎大厦
  • Peranakan Tile (p5.js)普拉纳坎瓷砖 (p5.js)
  • Tile of Blue Mansion (p5.js)槟城蓝色大厦瓷砖 (p5.js)
  • Cheong Fatt Tze Mansion (Blue Mansion)槟城蓝色大厦
  • Batik Painting (p5.js)蜡染图案 (p5.js)
  • Penang Batik Factory槟城蜡染厂
  • Penang Floating Mosque槟城水上清真寺

  • Penang Floating Mosque Qubba槟城水上清真寺礼拜堂
  • Penang Floating Mosque wall pattern (p5.js)槟城水上清真寺墙面图案 (p5.js)
  • Penang Floating Mosque wall pattern (real)槟城水上清真寺墙面图案（真品）
  • George Town Umbrella Street亚美尼亚街（雨伞街）
  • George Town Shop House乔治城店屋
  • 著名的乔治敦艺术作品 "Children on Bicycle"
  • 蜡染图案 (p5.js)
  • 印度图案
  • 印度图案
  • 乔治敦猫艺术
  • 马六甲海峡 (p5.js)
  • 马六甲海峡
  • 夜市灯光 (p5.js)
  • 夜市灯光
  • 荷花蜡烛 (p5.js)
  • 荷花蜡烛
  • Sarang Paloh Heritage Stay 楼梯图案 (p5.js)
  • 亚美尼亚街 (雨伞街)(p5.js)
  • Sarang Paloh Heritage Stay 楼梯图案


点击点标记，查看草图。

该地图显示了上述编码艺术的制作地点。

游览槟城

和我一起探索槟城和编码艺术！
在下面的视频中，我们将向您展示一个 "tabicoding" 示例！
这就是 "tabicoding" 的有趣之处！


让我们一起创造艺术 - 课程

一起开始创意编码
一堂简短的课程，让你开始创意编码。
我推荐创意编码，因为它能让你的日常生活更加丰富多彩。
当你观察事物、图案和风景的方式变得更有创意时，你就可以期待创造出属于自己的艺术。
一旦学会了如何使用 p5.js 编程并开始了自己的旅程，你就会想开始对你的部委进行 "tabicoding"。

What is creative coding? What is p5.js? What is OpenProcessing?

p5.js account OpenProcessing account Making Shapes

Making easy sketch Publishing your sketch What is Tabicoding


反馈与联系




X (Twitter) My Sketches
© 2023 Lily