小杜
“设计黑客”是 Mixlab对会编程的设计师独特的“称号”，会编程的设计师拥有哪些全新的创意可能？
Mixlab
有代码力量加持，设计师简直就像拥有了神笔马良的 “画笔”，数据可视化、3D世界建构、创意游戏开发、创意开发、创意营销、创意NFT制作......
小杜
会编程的设计师太酷了！这一期来为大家系统性总结下社区的设计编程探索～（坚持看完，文末有惊喜～）
元宇宙·跨学科知识图谱
shadow: 很早就有了将社群知识库以图谱可视化进行展示的想法，最开始我尝试构建了知识指南的可视化流程。
自动生成指南，重新写了排版样式，图片加入了自动裁切。可视化分析。主要通过echart实现可视化，用了官方的示例。 shadow: 实验使用了mixlab发过的2篇文章作为种子，循环获取相关推荐，得到几十篇相关文章，第一个直观的感受就是，推荐的文章之间的主题相关性非常高，同一个号的文章会集中推荐。
如上图所示，同样色的为同一个号的文章，连线表示相关推荐关系，节点的大小表示被推荐次数。对文章进行关键词提取，选取权重最大的代表文章（如下图所示），知识点之间的关联度很高，有部分信息孤岛现象。shadow: 最初的知识图谱可视化的实验明确了第一版上线的图谱网站功能—借助推荐算法，把相关联的文章整理出来，可以手动进行一些编辑和处理，最后形成一个可交互知识图谱。元宇宙体育俱乐部 #kodeclubs
小杜: kodeclubs 线下原型是 kode sports club 。开发团队仅用一周的时间便运用 three.js 完成了线上网站的制作。网站访问者可以在俱乐部不同的功能空间中游玩。
#03 创意游戏开发
生成艺术+游戏 Wayfinder 创意游戏解析
shadow: Wayfinder是一款生成艺术游戏，带领玩家探索、思考人类与自然的关系。玩家在森林、草原和沙滩上移动游戏角色，寻找点缀在风景中的诗意符号。激活后，它们会显示隐藏在风中的文字，同时附近的动植物开启新的动画。随着玩家旅程的深入，收集更多的隐藏词语，最后组合成诗句。#04 创意功能开发
浏览器低成本实现人脸、手势、姿态追踪
小杜: Handsfree 的能力是使用人脸、手势、姿势追踪，提供免手提接触式交互体验~手势识别
非接触式手势交互滚动页面
免手部操作移动视角#05 创意营销
活动营销物料与布展素材生成
运用 three.js 生成专属于每位参与者的唯一通行证
小杜: 在社群探索的元宇宙布展项目过程中，利用three.js 批量化生成展会营销物料，并将素材运用于展厅布置之中～
#06 创意NFT制作
Art Block 代码生成式NFT平台
小杜: Art Blocks 是第一个专注于可编程生成内容的NFT交易平台，平台内容存储在以太坊区块链上。用户付费后，平台将算法生成作品发送到用户的以太坊账户。作品形式包含静态图像、3D 模型以及各类交互式体验。Art Blocks 的每个输出都不同，在平台上创建的内容类型有无限的可能性。 小杜: 平台展示项目 量子崩溃项目 是艺术、科学和技术的交叉点，依托代码库为 p5js。在量子态存在的希尔伯特空间中，像是一场不断发展、相互作用的旅程。这个空间的丰富和神秘提醒着我们认知潜意识。
Mixlab
本次推文总结了六个设计编程项目，你发现了项目的编程语言的共性了吗？
小杜
当然是都用到了创意编程的神语言-Javascript ，无论是动态图形设计、WebGL、前端智能、JS语言都有其用武之地。
Mixlab
设计师学习 JS 语言有推荐课程吗？我不想重复语言学习从入门到入土的轮回了......
小杜
hhh，在 Mixlab，就没有找不到的学习资源～给你看个学习网站，从课程页面的设计就能看出这是多么适合设计师的编程课了～
好奇代码 课程岛Mixlab
感动！终于找到适合设计师学习代码的课程资源了！
小杜
设计师学习JS，当然得有趣好玩才行啦，课程的案例非常新颖，通过JS实现的动效也非常有feel～
课程案例
小杜
Mixlab专为设计师挑选的精品学习课程，感兴趣的同学可点击原文链接查看课程信息哦～