杨靖:Web3D应用《友思》 以及其开发历程-Html5-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝29
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:136回复:0

杨靖:Web3D应用《友思》 以及其开发历程

楼主#
更多 发布于:2016-06-11 13:53

杨靖:Web3D使用《友思》 以及其开发进程
7月19日,由html5梦工场主办的第四届HTML5峰会暨攻城师嘉年华(iWeb峰会)首站在上海开幕,会上UPYUN(又拍云)的 CTO
黄慧攀宣布了《HTML5 使用加快》主题讲演。
以下是讲演实录:





各位帅哥美人,咱们晚上好,今日给咱们介绍一款3D使用,首要是为了咱们了解咱们如安在3D做构建的交互。咱们应当都玩过积木的游戏,少年做房子可能会呈现一些操作差错,咱们可以扫一下二维码。





这是一个3D场景,经过点击和拖动就可以对这个3D场景中的方块进行弹性或许是改动色彩,也可以经过拖动,比如说要做一个桌子,这即是一个赤色的桌子,这个使用是投放在(英文)商场,放在国外商场也是对比火的使用。大多数用户都是小兄弟,为了让小孩子也可以轻松上手,咱们这几年做了许多交互上的优化,本来咱们在几年前也演示过这款使用。如今给咱们看一个视频。这个是国外的小兄弟做的,做了一个房子,一个池子,还有一个圣诞老人,咱们都喜爱造房子。





咱们在做模型的时分,咱们做了几个限制,让用更便利防止误操作,咱们每次都会确定操作点。在拖动以后,中心点会自动到模型的中心,这么不至于用户玩着就不知道自个在做什么东西。其次即是模型最大最小转角,咱们确定上下两个转角。咱们在每次拖动开端以后就会确定他的方向,比如说我如今往这个方向拖。咱们这种交互不仅在3D的使用中,比如说,在PC、ipad
上都是十分适用的。





这边给咱们共享怎么拖动模型,咱们每次点到原点的时分,都会在这个点的周围出产三个面,这个三个面会跟咱们接触的手指进行碰撞,最终在相对的面上进行投影,不管是如今3D技术发展,怎么让用户以非常好交互方法悠扬使用,咱们写自己创造形式的时分,咱们会参加更多交互方法,比如说悉数场景平移。





最终给咱们看一下几年前小兄弟做的模型,最开端咱们只能做一只鸡,一辆车。后来用像素画画,如今有些小兄弟可以做大的模型,有的时分会做一整天。



优质IT资源分享社区为你提供此文。
本站有大量优质html5 css js等web前端开发教程视频,资料等资源,包含html5 css js 前端开发框架等基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。[font=Tahoma  ]
WEB前端开发教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客