嗯,大约一个星期我正在尝试使用Angular Material运行应用程序.
在使用Angular Material及其神经破坏虫之后面临如此巨大的挑战(由于它们的角色V2尽快释放V2的里程碑可能永远无法解决),现在它让我大吃一惊,为什么我必须使用616KB JS+CSS
Angular Material模块代替的254KB JS+CSS
Materializecss.
据我所知(告诉我,如果我错了!):
最好尽量避免更改DOM元素
但Angular材料基础是导致大量回流/重新涂饰的指令,实际上基于我看到的演示,Materialisecss比Angular Material更快更轻.
这显然是Angular Material更具角度友好性,并且具有一些特殊功能,例如$mdThemingProvider
......,但我对使用Angular Material或其性能表示怀疑.
有什么话要让我再次相信Angular Material?
是否值得使用Angular Material而不是纯Angular + Materialisecss?
因为我看不出它们的结果有什么重大变化?
javascript materialize angularjs material-design angular-material
我有一个Object3d
在Three.JS
这是一组有些网格对象.
我想围绕Y轴旋转这个组,在它的中心,远离世界中心(0,0,0).
我只知道Group.rotate.y += deg
代码,但是对于每个轴方向,它总是围绕(0,0,0)旋转对象,而不是我的组中心!
我怎样才能解决这个问题?
阅读评论
如何用THREE.JS
in 创建下面的形状WebGLRenderer
.
这个形状是一个立方体,其顶面已旋转45度.
有可能创建立方体,然后改变它的顶点或......
任何想法?
问题1:
我是PhysicsJS的新手,我试图创建一条绳索,其中包含" 篮子角色约束 "
这样的东西:JSFiddle
如你所见,这条绳子不自然!(摩擦,绳索,稳定时间......)并且通过增加绳索的长度,它变得更糟!
首先我认为,通过增加绳索颗粒的质量,它会更快地减速,但......
var basket = [];
var fpos = window.innerWidth / 2;
var epos = window.innerHeight / 2;
for ( var i = fpos; i < fpos + epos; i += 5 ){
l = basket.push(
Physics.body('circle', {
x: i
,y: 50 - (i-fpos)
,radius: 1
,restitution: 0
,mass: 1000
,conf: 1
,hidden: true
})
);
rigidConstraints.distanceConstraint( basket[ l - 1 ], basket[ l - 2 ], 2 );
}
Run Code Online (Sandbox Code Playgroud)
问题2:解决
之后,我怎么能这样做:(
在绳子的末端附上一个矩形框)
我在Three.JS中有一个由ExtrudeGeometry制作的WebGL几何形状.
我的问题是为什么它没有接收阴影(由THREE.SpotLight驱动)或者为什么Raycaster.intersectObject没有检测到它!?
我的形状如下:
var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings);
var mesh = THREE.SceneUtils.createMultiMaterialObject(geometry, [new THREE.MeshBasicMaterial({ color: color }), new THREE.MeshBasicMaterial({ color: color2, wireframe: true, transparent: false, wireframeLinewidth: 5 })]);
mesh.position.set(x, y, z);
mesh.rotation.set(rx, ry, rz);
mesh.scale.set(s, s, s);
mesh.castShadow = true;
mesh.receiveShadow = true;
scene.add(mesh);
Run Code Online (Sandbox Code Playgroud)
这是ExtrudeGeometry的自然,还是什么!?
three.js ×3
3d ×2
javascript ×2
angularjs ×1
canvas ×1
html5-canvas ×1
materialize ×1
mesh ×1
physicsjs ×1
rotation ×1
shadow ×1
shape ×1
spotlight ×1
webgl ×1