网址:https://www.douban.com/doulist/45940373/webgl来自: Pasu 2017-04-17创建 2017-07-25更新 推荐关注 2 人关注全部(8) · 图书(8) 来自:豆瓣读书OpenGL Insights (8人评价)作者: Patrick Cozzi / Christophe Riccio 出版社: A K Peters/CRC Press 出版年: 2012-6-262017年7月25日赞 回复 来自:豆瓣读书WebGL Insights (2人评价)作者: Patrick Cozzi 出版社: A K Peters/CRC Press 出版年: 2015-8-32017年7月25日赞 回复 ...
前面文章:WebGL入门教程(一)-初识webglWebGL入门教程(二)-webgl绘制三角形WebGL入门教程(三)-webgl动画颜色效果图: 操作步骤: 1.创建HTML5 canvas 2.获取画布 canvas 的 ID 3.获取WebGL 4.编译着色器 5.使用缓冲区对象向顶点传入多个顶点数据 6.绘制图像以上1~3参考:http://www.cnblogs.com/bsman/p/6128447.html4.编译着色器改顶点着色器,片着色器//顶点着色器程序var VSHADER_SOURCE ="attribute vec4 a_Position;" +...
今天和大家分享的是 3D 系列之 3D 预定义模型。HT for Web 提供了多种基础类型供用户建模使用,不同于传统的 3D 建模方式,HT 的建模核心都是基于 API 的接口方式,通过 HT 预定义的图元类型和参数接口,进行设置达到三维模型的构建。接下来我们就来谈谈预定义的 3D 模型及参数设置。HT 预定义的 3D 模型有:box、sphere、cone、torus、cylinder、star、rect、roundRect、triangle、tightTriangle、parallelogram 和 trapezoid 这十...
注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中如果有我的额外说明,我会加上[lufy:],另外,鄙人webgl研究还不够深入,一些专业词语,如果翻译有误,欢迎大家指正。坐标变换矩阵的基本功能进行基本的3D渲染的时候,需要准备3个坐标变换矩阵,这个在之前的文章中说过很多次了。第一个是模型变换矩阵,DirectX中叫做世界变换矩阵。模型变换矩阵影响的是所绘制的模型,模型的位置,模型的旋转,模型的放大和缩小等...
Autodesk 发布了一款完全无需插件的三维模型浏览器 Autodesk 360 Viewer,大家有没有兴趣,下班后过来聊聊吧! 8月7号 周四, 19:00~21:00Autodesk北京办公室, 北京市朝阳区东大桥路9号侨福芳草地大厦 A 栋9层 报名: http://huiyi.csdn.net/activity/product/goods_list?project_id=1248 或:http://www.meetup.com/Beijing-3D-Modeling-Cloud-Development-Technology-Meetup/events/192107732/ 会议介绍在本次技术沙龙中,杜长...
需要引入相机控制插件OrbitControls1 <script type="text/javascript" src="framework/jquery.1.11.1.min.js"></script>
2 <script src="framework/three.js"></script>
3 <script src="framework/OrbitControls.js"></script> 直接看代码 1 <html>2 3 <head>4 <meta charset="UTF-8">5 <link rel="stylesheet" type="text/css" href="stylesheets/main.css">6 <script type="text/javascript" src="frame...
U3D的AssetBundle真的是博(坑)大精(坑)深啊
安卓的话要先打包到StreamingAssetPath中,安装后第一次运行,自动把Streaming 中的解压到PersistentDataPath中,因为persistent目录是在运行过一次才创建的。这样,之后再更新资源就直接下载到persistent目录下了但是,WebGL项目呢这个就不存在什么streaming或者persistent了,因为不能加载本地路径所以就只有缓存,加载包时就要用WWW.LoadFromDownloadOrCache(url, version)这样会把资...
在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观,一眼望去可以把整个树状结构数据看个大概,但是在弹力布局的作用下,其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了,那么这个3D树具体长成啥样呢,我们来...
注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中如果有我的额外说明,我会加上[lufy:],另外,鄙人webgl研究还不够深入,一些专业词语,如果翻译有误,欢迎大家指正。本次的demo的运行结果使用多个纹理上次介绍了WebGL中的纹理的使用方法。简单的实现了将纹理贴到四边形中,果然是使用图片数据的话比较灵活吧。那么,这次来说说使用多个纹理来合成图像的方法,学习了这个方法之后可以再一个多边形中使用多个纹理。...
接上一节,游戏控制首先要解决的就是碰撞检测了这里用到了学习笔记(三)射线检测的内容了以鸟为射线原点,向前、上、下分别发射3个射线,射线的长度较短大概为10~30.根据上一节场景的建设,我把y轴设为前进方向,z轴设为高度~如果射线返回有结果,那么说明鸟遇到了障碍物。代码如下: var raycaster1 = new THREE.Raycaster(birdmesh.position, new THREE.Vector3(0, 1, 0), 0, 30)var raycaster2 = new THREE.Ray...
加载asset bundle的时候出现Could not produce class with ID XXX的错误在asset 文件夹下建一个Link的XML,内容如下:<?xml version="1.0" encoding="utf-8"?><linker> <assembly fullname="UnityEngine"> <type fullname="UnityEngine.SphereCollider" preserve="all"/> <type fullname="UnityEngine.AudioSources" preserve="all"/> <type fullname="UnityEngine.ReflectionProbe" preserve="all"/> <type fullname...
前言近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近,人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上,作为人类这个物种中的一员,我们理所应当对我们生活的星球、所在的太阳系有一定的认识,对 8 大行星各自的运行轨道、质量、资源...
很简单,在场景中添加一个UGUI按钮,实现点击就切换全屏/非全屏状态
其实发布出webgl之后,页面上场景窗口右下会有一个按钮,就是切换全屏的,但是想用代码在程序里实现首先看页面上那个按钮的js脚本是怎么写的<div onclick="gameInstance.SetFullscreen(1)"></div>注意里面的代码就一行:gameInstance.SetFullscreen(1);也就是在Unity中调用外面的js方法所以先在js中写个切换全屏的方法function FullScrSwitch(para){gameInstanc...
注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中如果有我的额外说明,我会加上[lufy:],另外,鄙人webgl研究还不够深入,一些专业词语,如果翻译有误,欢迎大家指正。本次的demo的运行结果各种各样的光照上次,以及上上次,介绍了通过顶点着色器来实现光照效果。最开始介绍了从平行光源发出的光,上次介绍了平行光源的缺点,以及对应这个缺点的方法,就是环境光源。这次是光照处理的第三篇,进一步介绍反射光照。...
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了WebGL类型,以及允许增加到2K的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来,站在巨人肩膀总是有机会吧,想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs,babylonjs和Hightopo的几种基于WebGL的3D引擎,突然想挑战下自己实现...