跳到主要内容

Funked-up Flamingo展示了WebGL可以做些什么

+$A one-trick site, but what a delightful trick!巴勃罗+$is a flamingo who loves to dance, and he’s brought to life beautifully in fully responsiveWebGL的+$. Just don't try to mute the sound...

+$Pablo is the result of a collaboration between authors Nathan Gordon, Pascal van der Haar and Jono Yuen. It isn’t a promotional site, but a side-project that came about through a conversation between web developer Gordon and art director Van der Haar.

它是如何制作的

Try to mute the sound and Pablo gets vexed

+$Try to mute the sound and Pablo gets vexed

+$Pablo began life as a model constructed in玛雅+$. This was then exported as a simple grid mesh, to which the illustrations by designer Yuen were added as a texture. The models were then brought into the browser, where 3D modelling library three.js and physics library Matter.js were used to bring Pablo to life online.

+$"I was able to create a precise form that could be directly mapped to the physics base. This gave me the result that I was after, and was the largest 'aha!' moment of the whole project," says Gordon.

+$The response from the public has been incredible - in his first week online Pablo was seen 60,000 times, won FWA Site of the Day and earned countless plaudits across social media.

It's a great example of WebGL in action

+$It's a great example of WebGL in action

彼得加斯顿

Peter Gasston是一位经验丰富的网络开发人员,现在担任康复中心的技术专家和前端负责人。他是The Book of CSS3和The Modern Web的作者。

像这样?阅读这些!



翻译字数超限