JSFIDDLE 助力 Threejs 功能探秘

JSFIDDLE 助力 WebGL 功能探秘

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句：太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。

以下示例能产生基本几何体的阴影投射，还有另一份代码，是无法投射的，和本份能投射的代码，相差不多，但确始终不得其法，需进一步核对，才能知道具体差异在哪里，哪些关键的部位起了阴影投射的作用。

还是静下心来，把每一行代码搞清楚吧，这才是捷径！

往往追求捷径的结果，就是盲人摸象，最后，越摸越离谱，连最初的无意识界都没有了。

所以佛祖告诫我们，要追求本真，象孩童一样。

其实，就是去除妄念和猜测，实事求是地按事情本来的面目去考虑问题，才不会被妄端猜测出来的东西影响你的心绪，以至偏离正途，生出事端来。

在微信中流传的一条信息，大概意思是，只要你想了，就会去不知不觉地做，做了就会产生效果，效果持续久了，就会变成习惯，习惯多了就形成性格，而性格决定着命运。

所以，要想改变，首先从想法开始改变。

这不算是唯心主义论吧，有时侯感觉，纯粹的唯物主义，往往让人们忽略和人的思维和潜意识对物质世界的改变。

而人类之所以区别于动物，最概本的就在于，人类是可以通过思维来改变其自身世界的状态，当然了，这状态，也是物质世界固有存在的多种选择之一，但至少是可以选择的。

而我们如果不加以掌控的话，就会变成了随机选择，物质世界的状态有好有坏，随机选择的结果可想而知，完全是不好状态的可能也不是没有。

综上所述，人类的高级，就在于，可以通过思考指导行动，最终改变默认的选择项，而优先选择有利的选项。

http://jsfiddle.net/4Txgp/13/embedded

var SCREEN_WIDTH = window.innerWidth - 100;
var SCREEN_HEIGHT = window.innerHeight - 100;var camera, scene;
var canvasRenderer, webglRenderer;var container, mesh, geometry, plane;var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;init();
animate();function init() {container = document.createElement('div');document.body.appendChild(container);camera = new THREE.PerspectiveCamera(30, window.innerWidth / window.innerHeight, 1, 100000);camera.position.x = 1200;camera.position.y = 1000;camera.lookAt({x: 0,y: 0,z: 0});scene = new THREE.Scene();var groundMaterial = new THREE.MeshPhongMaterial({color: 0x6C6C6C});plane = new THREE.Mesh(new THREE.PlaneGeometry(500, 500), groundMaterial);plane.rotation.x = -Math.PI / 2;plane.receiveShadow = true;scene.add(plane);// LIGHTSscene.add(new THREE.AmbientLight(0x666666));var light;light = new THREE.DirectionalLight(0xdfebff, 1.75);light.position.set(300, 400, 50);light.position.multiplyScalar(1.3);light.castShadow = true;light.shadowCameraVisible = true;light.shadowMapWidth = 512;light.shadowMapHeight = 512;var d = 200;light.shadowCameraLeft = -d;light.shadowCameraRight = d;light.shadowCameraTop = d;light.shadowCameraBottom = -d;light.shadowCameraFar = 1000;light.shadowDarkness = 0.2;scene.add(light);var boxgeometry = new THREE.CubeGeometry(100, 100, 100);var boxmaterial = new THREE.MeshLambertMaterial({color: 0x0aeedf});var cube = new THREE.Mesh(boxgeometry, boxmaterial);cube.castShadow = true;cube.position.x = 0;cube.position.y = 100;cube.position.z = 0;scene.add(cube);// RENDERERwebglRenderer = new THREE.WebGLRenderer();webglRenderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);webglRenderer.domElement.style.position = "relative";webglRenderer.shadowMapEnabled = true;webglRenderer.shadowMapSoft = true;container.appendChild(webglRenderer.domElement);window.addEventListener('resize', onWindowResize, false);
}function onWindowResize() {windowHalfX = window.innerWidth / 2;windowHalfY = window.innerHeight / 2;camera.aspect = window.innerWidth / window.innerHeight;camera.updateProjectionMatrix();webglRenderer.setSize(window.innerWidth, window.innerHeight);
}function animate() {var timer = Date.now() * 0.0002;camera.position.x = Math.cos(timer) * 1000;camera.position.z = Math.sin(timer) * 1000;requestAnimationFrame(animate);render();
}function render() {camera.lookAt(scene.position);webglRenderer.render(scene, camera);
}

JSFIDDLE 助力 Threejs 功能探秘相关推荐

【工业智能】人工智能技术助力流程工业发展报告
我国流程工业发展的历程中,自动化与信息化技术发挥了极其重要的作用,从集散控制系统(DCS)在流程企业中的普遍应用,到DCS/MES/ERP的实施,强化了管理信息化,实现了各个生产环节的信息管理,提升了 ...
亚信电子最新AxRobot EtherCAT七轴助力控制机器手臂解决方案
利用AX58200 EtherCAT从站马达驱动关节模块化设计,有效地减少每个机器手臂关节中马达驱动板所需占用的空间大小与内部线路配置的复杂度,进而降低机器手臂关节硬件设计成本与设备维护难度. 因应全 ...
新基建下的城轨，城市群功能还能如何被提升？
(图片来源于网络) 文 | 易怂怂来源|智能相对论(aixdlun) "火车一响,黄金万两",俗语诚不我欺也. 石家庄.郑州.鹰潭.株洲.哈尔滨等城市的崛起与腾飞,完美的诠释了这 ...
PHP怎么做微信助力,微信助力活动怎么做？教你如何在公众号制作微信助力活动...
微信助力活动是什么?简单的来说是一个依靠分享粉丝给自己助力,也叫微助力或分享助力,助力活动以后有个排行榜,商家可以根据排名,给予一定的物质奖励,可以吸引来大量的新人关注公众号,下面具体介绍微信公众号助 ...
代码演示神器——jsfiddle
目录: 1. 介绍 2. jsfiddle的具体使用 3. 总结 1. 介绍很多时候,我们需要在我们写的文章或博客中,即时显示出我们写的demo,能方便的解释出我们的思路.很久之前我也写过一篇文章, ...
遗传：细菌、真菌和动植物的泛基因组研究进展
泛基因组:高质量参考基因组的新标准边培培,张禹,姜雨西北农林科技大学动物科技学院,杨凌 712100 摘要: 随着三代测序组装的高质量参考基因组的陆续发布,以及大规模重测序和群体遗传学分析的广泛进 ...
Mol Plant | 多家单位联合发布小麦组学大数据可视化和在线分析平台WheatOmics
随着小麦模式品种"中国春"的参考基因组以及不同倍性.不同品种小麦基因组/泛基因组的陆续发布,小麦研究业已进入了后基因组大数据时代.与此同时,基于外显子测序.基因组重测序.SNP芯片 ...
云信迎来五周年里程碑：日活破3亿，消息量破10000亿
过去五年,不少企业在跌宕起伏的市场大环境下实现蜕变和成长,但在2020年上半年,受新冠肺炎疫情影响而受到不可逆转的冲击,亟待科技的力量进行转型.在此背景下,一些以云计算.大数据为依托的互联网企业在发挥 ...
2019年技术盘点容器篇（二）：听腾讯云讲讲踏入成熟期的容器技术 | 程序员硬核评测...
戳蓝字"CSDN云计算"关注我们哦! 作者:刘晶晶据相关调研机构出具的报告数据显示,目前应用容器市场规模将从2016年的 7.62亿美元增长到2020年的27亿美元.显而易见,引 ...

JSFIDDLE 助力 Threejs 功能探秘

JSFIDDLE 助力 Threejs 功能探秘相关推荐

最新文章

热门文章