全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果72个

JS库之Three.js 简易入门教程(详解之一)_javascript技巧_脚本之家

webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架,由于其易用性被广泛应用。如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js,发现相关资料非常稀少,甚至官方的api文档也非常粗糙,很多效果需要自己慢慢敲代码摸索。所以我写这个教程的目的一是自...
www.jb51.net/article/1236...htm 2024-6-3

HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍_html5_网页制作_脚...

前面我们看到了使用原生的WebGL API开发是多么的累,正因为如此,大量的WebGL框架被开发出来。使用这些框架,你可以快速创建需要的3D场景。这些框架不同程度的封装了创建3D场景的各种要素,例如场景,相机、模型、光照、材质等等;使用这些封装起来的对象,就可以很简单的创建需要的3D场景,这样你就只需要把更多精力放在逻辑方...
www.jb51.net/html5/723...html 2024-6-3

Three.js实现3D机房效果_javascript技巧_脚本之家

webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架,由于其易用性被广泛应用 Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库 分步实现3D效果 初始化3D模型参数 开始搭建场景 初始化渲染器 初始化摄像机 创建场景 灯光布置 创建网格线 循环渲染界面 创建鼠标控制器 添加对象到场景中...
www.jb51.net/article/1537...htm 2024-6-2

基于WEBGL框架OGL实现鼠标滑动图片变形特效 下载-脚本之家

这是一款基于WEBGL框架OGL制作的鼠标滑动图片变形特效。该特效在鼠标移动时,背景图片会产生跟随变形特效,移除鼠标图片又会恢复到原型,非常炫酷,代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢!
www.jb51.net/jiaoben/7151...html 2024-5-15

mapboxgl区划标签避让不遮盖实现的代码详解_javascript技巧_脚本...

Mapbox GL JS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEB GIS开发框架。常见的 mapbox.js和mapbox-gl.js的异同点?
www.jb51.net/article/189841.htm 2024-5-25

如何使用three.js 制作一个三维的推箱子游戏_javascript技巧_脚本...

今天郭先生发现大家更喜欢看我发的three.js小作品,今天我就发一个3d版本推箱子的游戏,其实webGL有很多框架,three.js并不合适做游戏引擎,但是可以尝试一些小游戏。在线案例请点击 要制作一个推箱子游戏,正常要有以下4个步骤 定义一些数组,要有开始箱子数组、结束箱子数组、地面数组还有墙面数组,有这四个数组就可以组...
m.jb51.net/article/1920...htm?ivk_sa... 2024-5-21

JavaScript中七种流行的开源机器学习框架_JavaScript_脚本之家

Keras.js 是另外一个热门的开源框架,它使你能够在浏览器中运行机器学习模型,它使用 WebGL 来提供 GPU 模式的支持。如果你有使用 Node.js 的模型,你就只能在 GPU 模式下运行它。Keras.js 还为使用任意后端框架的模型训练提供支持,例如 Microsoft Cognitive Toolkit (CNTK) 。
www.jb51.net/article/1486...htm 2024-6-3

Three.js源码阅读笔记(基础的核心Core对象)_基础知识_脚本之家

Three.js是一个比较伟大的webgl开源库,它简化了浏览器3D编程,使得使用JavaScript在浏览器中创建复杂的场景变得容易很多。Github上众多webgl demo令我兴奋不已,跃跃欲试。由于这个库还处在开发阶段,因此资料非常匮乏,爱好者大部分时间不得不通过阅读该库的源码进行学习,我现在也准备这样做。
www.jb51.net/article/328...htm 2024-6-2

Blockbench怎么安装使用?Blockbench安装使用以及常见问题解决方法...

转到get.webgl.org并检查是否出现了多维数据集。如果不是,请更新或切换浏览器。Chrome和Opera的最新版本应该可以使用。 如果这没有帮助,则可能是图形驱动程序的一个单独问题。 网络应用程序有哪些限制? 网络应用程序是该应用程序的全功能版本。由于浏览器中的安全功能,只有某些导入/导出功能需要额外的步骤。仍然可以...
www.jb51.net/softjc/884137.html 2024-6-3

vue2.x引入threejs的实例代码_vue.js_脚本之家

this.renderer = new THREE.WebGL1Renderer(); // 实例渲染器 this.renderer.setSize( width, height) //渲染器宽高 this.renderer.setClearColor(new THREE.Color('#07224e'), 1) //设置背景颜色 setTimeout(() => { document.getElementById('container').appendChild(this.renderer.domElement)//将渲...
www.jb51.net/article/2639...htm 2024-6-3