- 博客(16)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 记一下js keycode
HTML用户名：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" />密码：<input name="UserPwd" type="password" onKeyPress="IsEnterKeyPress()">JavaScript
2018-07-31 10:59:38
303
原创 threejs第十一用 wsad移动camera
找到camera面向的方向,normalize 乘1个移动速度 就是这一次移动的距离了function onDocumentKeyDown(event) { var moveSpeed=10;//速度 if(event.keyCode==87){ var vector = new THREE.Vector3(0, 0,1.0)...
2018-07-30 16:21:44
2461
1
原创 threejs 第十用 四元数简单camera
按前面写过的四元数旋转 就是要构造一个q Pq-1代表了P绕轴转x度的一次旋转变换threejs里面封装了 就不需要全部算了。就用个接口threejs中，先构造一个q=setFromAxisAngle(axis, -angle)好像q就已经是得出一个qPq-1了。。乘原来的qua就直接得到新的qua取得P=camera.quaternion 然后P multiply q，再归一化，最后...
2018-07-29 17:14:23
2388
原创 threejs 第九用 物理引擎
导入 js<script src="libs/physi.js"></script> <script src="libs/ammo.js"></script> 不知道这个是什么操作 但是好像有必要 'use strict'; Physijs.scripts.worker = '/libs/physijs_wor...
2018-07-27 17:01:47
1800
1
原创 threejs第八用 加载obj mtl
需要头文件<script type="text/javascript" src="loaders/MTLLoader.js"> </script> <script type="text/javascript" src="loaders/OBJLoader.js"> </script> 加载部
2018-07-26 15:59:34
2456
1
原创 theejs第七用 cubeCamera
不知道是IBL还是FBO。。感觉应该是FBO实现的创建 cubeCamera = new THREE.CubeCamera(0.1, 1000, 256); scene.add(cubeCamera);创建一个用于显示的东西 用个球吧 var geometry = new THREE.SphereBufferGeometry(...
2018-07-26 13:34:47
594
原创 threejs第六用 辅助网格 曲线
function initGrid(){ //辅助网格 var helper = new THREE.GridHelper( 1000, 50 ,0x0000ff, 0xff8080); // helper.setColor( 0x0000ff, 0x808080 ); scene.add( helper...
2018-07-26 10:55:55
1592
原创 threejs第五用 射线拾取
思路：鼠标点击位置xy 到裁剪坐标系*inverse(projection)*inverse(view)就到了world空间 z给到1.0连接camera.pos到这个算出来的vector3 就是射线了 mouse.x = (event.clientX / (1 * window.innerWidth)) * 2 - 1; mouse.y ...
2018-07-26 09:52:51
2605
原创 threejs第四用粒子系统
自带的粒子系统需要GPUParticleSystem.jsoptions = {//一些初始值和随机参数 position: new THREE.Vector3(),位置 positionRandomness: .3, velocity: new THREE.Vector3(),速度 ...
2018-07-25 16:31:55
1258
原创 threejs第三用 把模型绘制为点
这个绘制跟加载的模型有关系 有的loader加载出来没有返回geometry和material就不好搞啊。.JSON是可以的function Particle() { var loader=new THREE.JSONLoader(); loader.load('http://xxxxx:8000/asset/female02/Female...
2018-07-24 15:43:57
1815
原创 threejs第二用
加载模型需要本地服务器才行 外行。。没弄过 搞了好半天如何使用nodejs快速搭建本地服务器 - 洪丽丹 - 博客园 https://www.cnblogs.com/hld88/p/7259780.htmlcd进去项目目录再anywhere 我是先anywhere然后把东西都拿到这个路径下面，再运行。下面是使用FBX骨骼动画的例子<!DOCTYPE html><...
2018-07-23 17:47:23
436
原创 threejs第一用
var scene = new THREE.Scene();场景var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );透视投影var renderer = new THREE.WebGLRenderer();渲染器 documen...
2018-07-22 15:43:19
453
原创 OpenGl体验几何着色器
首先需要有带法线的模型 learnOpenGL里面的shader("vert","frag","geomery"); shader跟顶点着色器和片段着色器写法差不多然后进入顶点着色器out VS_OUT{vec3 normal;}vs_out;aNormal是读进来的layout需要一个矩阵m来纠正法线mat3(transpose(inverse(view*model)));vs_out.nor...
2018-07-13 12:33:53
332
原创 四元数旋转
f(P)=qPq-1 满足f(P1)f(P2)=f(P1P2) qP1q-1 qP2q-1 q-1q = 1 => qP1P2q-1q <0,s+v> w为0的四元数f(P) =(s+v)P(s-v) =(-v.P+sP+vxP)(s-v) =-sv.P+s^2P+svxP+(v.P)v-sPv-(vxP)v =s^2P+2svxP+(v.P)v-vx...
2018-07-13 08:40:57
364
原创 记一下 x趋近于0等价无穷小
sinx~x tanx~x arcsinx~x arctanx~x 1-cosx~(1/2)*（x^2）~ secx-1 （a^x）-1~x*lna (（a^x-1)/x~lna) （e^x）-1~x ln(1+x)~x (1+Bx)^a-1~aBx [(1+x)^1/n]-1~（1/n）*x loga(1+x)~x/lnatanx-sinx~(1/2)*（x^3...
2018-07-12 17:38:53
23811
原创 平面方程
AX+BY+CZ=DA B C是法向量n<a,b,c>p<x,y,z>是面上任意一点 则p点乘n =0 AX+BY+CZ=0 面平移就会得到D了如果已知点p 可以直接求D=nx*pa+ny*pb+nz*pc
2018-07-12 16:57:42
693
VulkanSDK.zip
2020-08-09
boost 无法使用的问题
2016-12-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人