草庐IT

3D导航栏

全部标签

javascript - three.js 3d 模型作为超链接

我正在尝试找出一种方法,将通过Three.js创建的3D模型用作超链接。换句话说,如果我单击一个立方体(THREE.CubeGeometry),我希望打开另一个页面。例如,在thisthreejs.orgexample中,我怎样才能改变它,而不是在方框上制作小点,点击方框会打开另一个页面,比如超链接? 最佳答案 实现它的一种方法是在创建每个多维数据集时将自定义userData(URL)与它相关联。所以这是一个示例代码,我们如何在生成数据时将数据放入多维数据集(在jsfiddle中,第25-63行之间使用了类似的逻辑)varobjec

javascript - 如何将 3d 模型从 Cinema4D 导出到 three.js?

如果我有一个在Cinema4D中建模的网格,我如何将其导出为three.js3DJS引擎?此外,为多边形选择导出Material颜色会很方便。 最佳答案 刚刚为此为Cinema4D编写了另一个python脚本。您可以在disturbmediablog上找到详细信息和wiki.作为引用,我在这里也列出了来源:'''author:"GeorgeProfenza"url:("disturb","disturbmedia.com/blog","Myblog,http://tomaterial.blogspot.com")Exportmesh

javascript - 从导航链接中添加和删除事件类

不幸的是,我一直在寻找有关如何从链接中添加和删除类的教程,但没有成功。前面所有关于这方面的问题都让我有了一些理解,但还没有给我想要完成的结果。我正在尝试通过在单击链接时添加和删除类来使我的导航处于事件状态。就JavaScript而言,这是我所拥有的:$(document).ready(function(){//activestate$(function(){$('lia').click(function(e){e.preventDefault();var$this=$(this);$this.closest('li').children('a').removeClass('active

javascript - 使用 SVG 或 WebGL 的 3D 形状

您好,我想在浏览器中渲染一个交互式3D球体。它上面的纹理将是一张世界地图,所以基本上我试图创建一个可以使用map在任何方向旋转的地球仪。我很擅长使用SVG渲染2D图像,但不确定如何在SVG中渲染3D形状。是否可以在SVG中渲染3D形状,如果可以,如何渲染?如果不是,WebGl是更好的选择吗? 最佳答案 看看three.js它对实现进行了一些抽象(带有WebGL/SVG/Canvas后端)。SVG是一种2d矢量图形格式,但您可以将3d形状投影到2d上,因此可以使用SVG渲染3d对象,这只是一些工作(最好留给javascript库)。

javascript - 为什么 translate3d 会泄漏 DOM 节点?

考虑这个HTML页面:http://jsbin.com/aYUcelo/1/(我建议下载它以摆脱所有jsbin噪音)。点击GO按钮,一个div被添加到正文中。RM删除其中一个div。它还将两种样式之一应用于新的div:newDiv.style.color="red";//ornewDiv.style.WebkitTransform="translate3d(0px,0px,0px)";可以看到chromedevtoolsmemorytimeline中的节点数量不断增加,如果应用了WebkitTransform,GC无法移除。红色样式不会发生这种情况。编辑:只是为了明确应用“红色样式”添

javascript - 谷歌浏览器导航器在线始终为真

基于mozilla开发者网络https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine它说Returnstheonlinestatusofthebrowser.Thepropertyreturnsabooleanvalue,withtruemeaningonlineandfalsemeaningoffline.Thepropertysendsupdateswheneverthebrowser'sabilitytoconnecttothenetworkchanges.Theupdateoccurswhen

javascript - react native 选项卡导航器 : How to let icon overflow tabbar?

我想让Logo居中在tarbar中,也就是顶部的overflowtabbar。怎么做?…………...............................................................................................................................................................importReactfrom'react';importTabNavigatorfrom'react-native-tab-navigator';import{View,Text

javascript - 如何在 React Navigation 中深度链接到嵌套导航器?

我的导航结构如下:constApp=()=>{constprefix='test://';return;};constAppNavigator=createSwitchNavigator({splash:SplashScreen,auth:AuthStack,main:HomeStack,});constAuthStack=createStackNavigator({landing:LandingScreen,login:{screen:LoginScreen,path:'page/login',},register:{screen:RegisterScreen,path:'page/

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca

javascript - react 导航选项卡导航器中的淡入淡出动画

我正在使用ReactNavigation选项卡导航器和ReactNativeMaterial底部导航,它目前在屏幕之间滑动。我如何让它像MaterialDesignGuidelines所建议的那样从一个屏幕淡入淡出到另一个屏幕。Router.jsimportReactfrom'react';import{TabNavigator,StackNavigator,NavigationActions}from'react-navigation';import{NavigationComponent}from'react-native-material-bottom-navigation';i