听音乐品小众佳作，开眼界玩有趣小网站。这是“小网站”系列的第 20篇，关注公众号接收更新，有惊喜。
=== 今日介绍 ===
超震撼3D音符 （George & Jonathan）
把玩点：
- 超震撼视觉效果；
- 技术、艺术、音乐的超完美结合；
- 值得品味的Geek专辑乐曲；
- 创意的最佳范本；
主观评价：趣味性 4.5 星，技术性 4.5 星
把玩网址 www.georgeandjonathan.com
=== 使用指北 ===
常规看到的音乐要么是五线谱呈现、要么是波形呈现，稍微炫酷一点的也无非是电脑里专业软件呈现的电子音轨，这些都算是平面2D化的呈现方式。
先看一张图，看看在小网站中呈现的3D音符，是不是震撼加炫酷：
今天介绍的小网站其实是一个极客电子乐队的专辑作品，作者是「乔治」与「乔纳森」，网站一共有10首曲子，都是他们制作的电子音乐，并且还配套开发了先进的音乐视频，让人不仅能听，还能看到歌曲中的音符，且还是3D全景的方式。
怎么突然就想到了能让某易、某秋音乐变得更加炫酷的方向呢（傻笑！）。网站支持电脑与手机，操作很简单，3D场景可以用鼠标与手指触摸操作，右上角还有摄像机位的展示，可以展示不同场景下的音符，比如：
除了3D音符外，作者还创造性的将打地鼠的场景与单乐相结合，创造了另类的欣赏体验，专辑中的第3首乐曲就是下面这样的
真技术、艺术、音乐的超完美组合，敬请欣赏！
=== 干货知识 ===
纯技术性干货，非行业人士可忽略本节。
看网站名字就知道作者是二个人了，Jonathan Baken负责产品，George Michael Brower负责艺术设置与程序编码实现，真的是很羡慕这种懂音乐、会编程还玩设计的全才。
音乐好不好听暂不评价，就网站技术实现来看，看似非常的简单，HTML代码50行，样式表也不复杂，一些字体，一些图片，mp3专辑音乐，几行JS引用就完了。
不出意外就要说到意外了，其中主JS文件main.js代码约3万4千行，作者将音乐管理、Three.js引擎制作的3D效果，Shader着色器编程等全部集合在文件中,不知道作者是不是有意而为之。
作者并没有将main.js代码加密混淆，想研究怎么实现的读者可深入了解，抽丝剥茧，看能否做个通用3D音符渲染场景。
本系列长期更新！
喜欢的朋友感谢点赞、分享、收藏三连！
