如果要构建一个具有交互性和拓展性的沉浸式漫游场景,常用到3DSMAX、three.js等软件技术,学习门槛较高;ThingJS可视化组件更加轻量化,B/S架构下的3D可视化应用构建更轻松,为不少企业客户降低了项目开发成本。
事情是这样的,前几天我接到一个外包工头的新需求,某品牌要搭建一个在线VR展厅,用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅,这个VR展厅里会有一些信息点,点击之后可以呈现更多信息(视频,图文等)...
专业处理视觉呈现的渲染库。 3D引擎从商业属性上分为:商业引擎和开源引擎,从业务领域上分为:游戏引擎、GIS引擎、仿真引擎等,部分引擎可能具备多种领域组合,开发语言涉及包括:C++、C#、Java、JavaScript、GLSL及各类脚本等。
为实现企业80%以上的生产数据进行智能转化,在烟草、造纸、能源、电力、机床、化肥等行业,赢得领袖企业青睐,助力企业构建AI赋能中心,实现智能化转型升级。“远舢文龙数据处理平台”以AI驱动,构建5G时代下企业数智基础,从根本上改变了数据采集、存储和使用的方式,是当下企业构建数字化与智能化能力的首选产品。“远舢知识图谱平台”,作为国内第一批落地应用的“知识图谱”,平均缩短智能化应用开发周期70%,延长企业分析决策应用生命周期150%。“远舢Hybrid Twin”构建面向未来智能工厂全场景的全息交互模式,实现物理空间与数字空间的混合孪生。为国产工业AI新锐,以远舢工业云平台为核心,以AI驱动的方式,打造一个用户可以自研APP的智能云平台,变革未来企业IT消费模式,输送企业转型升级动能,为企业创造可量化价值。我们在这领域展示出来的强大产品竞争力,以及公司团队深耕制造、脚踏实地、坚持打造极致产品的理念,持续提供增值服务,我们期待和坚信远舢公司能成为未来企业级人工智能领域的独角兽! 本文为选择合适的webGl框架,为后续项目奠定基础;避免盲目选择框架,导致后续项目重构带来不必要的成本浪费。本文清楚的讲述了各个框架的特点,适用范围,优缺点以及相关网址范例;以便于后续更快速的开发,提高生产效率,最后进行总结。
No.02 - AI DISCOVERY - Mixlab 无界社区 欢迎来到#跨学科探索实验,开启无限可能。 这是Mix群聊的第 2 期,探索通过对白的方式表达内容。 欢迎大家参与此实验 ⤵
2018年,ThingJS API 1.0极大地降低了3D可视化应用开发门槛!通过高度的功能封装,其他引擎用千余行代码实现的功能,在ThingJS中只用一行代码就能搞定!不仅如此,通过简化场景加载、自定义物体创建、自定义层级切换等一系列逻辑设计,让没有 3D 开发经验的人,也能快速开发出自己想要的物联网3D可视化应用。
为了控制谷物储藏温度,需要创造一个不利于虫霉生长低温环境的储粮技术环境,然而出于成本考虑以及进出粮的需要,粮堆内的温度传感器设置数量有限,因此在储粮当中测得的温度值只是传感器附近的温度,其他部分则需要利用相应的方法进行数值模拟。
大掌教,从事游戏开发多年,精通 Cocos/Unity 等游戏引擎,精通安卓/iOS/H5等多种平台开发,发表过多个开源项目和 100 多篇原创博文,经验丰富,技术精湛。
个人博客是程序员的第二张简历。如果你有酷炫的个人网页,面试官对你的好感度会蹭蹭蹭往上涨。
最近看到网上一篇文章,标题叫做《 2016年 最火的 15 款 HTML5 游戏引擎 》。目前针对HTML5游戏的解决方案已经非常多,但谁好谁差却没有对比性资料。特意花了几天时间,针对文章中出现的12款免费开源引擎做了一次相对完整的对比分析,希望能对大家有所帮助。 针对技术类产品对比,通常有多个维度进行对比,不仅仅是技术层面,还有许多非技术层面的内容会影响我们的使用结果。本文从如下几个维度进行多重对比。 2D与3D 编程语言 设计理念&功能 工作流 性能 学习资料 商业应用 2D与3D、编程语言对比 2D与
最近看到网上一篇文章,标题叫做《2016年 最火的 15 款 HTML5 游戏引擎》。目前针对HTML5游戏的解决方案已经非常多,但谁好谁差却没有对比性资料。特意花了几天时间,针对文章中出现的12款免费开源引擎做了一次相对完整的对比分析,希望能对大家有所帮助。 针对技术类产品对比,通常有多个维度进行对比,不仅仅是技术层面,还有许多非技术层面的内容会影响我们的使用结果。本文从如下几个维度进行多重对比。 2D与3D 编程语言 设计理念&功能 工作流 性能 学习资料 商业应用 2D与3D、编程语言对比2D与3
为现代网络开发令人兴奋的事情之一是底层平台的快速发展。 WebAssembly、WebGL、WebGPU、Web Worker 等正在解锁以前典型 Web 产品无法想象的体验。 在过去的几年里,我们看到像 Figma 这样的产品利用这一点创造了极具吸引力的业务和产品。
很多刚刚接触到游戏开发,准备大展拳脚的小鲜肉们,往往在技术选型这第一关就栽了跟头。毕竟网络上的游戏引擎良莠不齐,官网上相关资料也比较少,而选择一个适合的游戏引擎是一个项目最基础,也是很核心的一部分。 试想一下,在游戏开发进行到中后期的时候,才发现项目引入的游戏引擎与需求相悖,这时候不管是重新做一些修修补补的工作或者更换游戏引擎,这都是相当耗费人力物力的一件事。为了避免这种情况的出现,在前期选择适合项目需求的游戏引擎显得尤为重要。 接下来我们来聊一聊如何去选择适合项目的 JS 游戏引擎。
原文链接:https://mp.weixin.qq.com/s/wSp-UKiIlufnIC3KPY-WTQ
随着互联网的持续发展,H5 页面作为与用户直接交互的表现层越来越复杂,呈现的形式也越来越丰富,从而也要求 H5 页面具有更多的花样性及动画效果。那前端实现动画效果的方式有哪些呢,大致有如下几种:
技术在进步,如果半年不学习新技术,那么我就落后了。本教程将带你进入一个全新的技术世界,它叫做WebGL。
LayaAir 2.0自发布以来,我们一直在大版本推进3D引擎功能。最近,一些开发者也迫切希望对2D给予更多的关注与精力。作为非常重视开发者反馈的我们,在这个版本里,暂缓3D引擎大版本功能的推进,推出一个小版本,本次的2.12.1虽然是个小版本,但推出的功能并不少,除3D引擎的例行更新外,主要的亮点就是2D引擎与周边(Spine、Live2D、Box2D)的实用性功能支持以及IDE使用体验的大幅优化。
LayaAir引擎版本号小数点后的第一位代表着大版本,其后是小版本。每一个大版本都代表着,引擎有着阶梯式的前进变化。时隔一个多月,2.4.0大版本的出炉又有着怎样的变化呢。
采访嘉宾 | 白景文 采访编辑 | 闫园园 在 GMTC 全球大前端技术大会 (深圳站)2021 上,贝壳找房资深工程师郝稼力分享了《从 WebGL 到 WebGPU——网页图形的全新时代》的专题演讲,彼时他曾谈到一个观点:WebGL 已成明日黄花,网页图形的未来要看 WebGPU。这里提到的 WebGPU 正是最新的 Web 3D 图形 API,也是 WebGL 的升级版。 从目前来看,国外知名度较高的渲染引擎 Three.js 和 Babylon.js 等也都在着手对 WebGPU 的支持,从中不
今天聊聊BIGANT中的G。这里的G是Game,也就是3D游戏引擎的意思,简称为3D引擎。
一个好的前端界面中很重要的内容就是动画,使用符合场景的动画不仅可以优化网站页面中的交互细节,提高用户体验,还可以让页面更具有吸引力,给网站带来更多访问量。如果你还不具备手写各种骚动画的能力,那么下面介绍的这几个动画库可得收藏好了~
最近floh大神的blog又复活了, 现在n3的主要发展发向是web化 其实也是跟PC和主机平台的衰落有关, 各种移动设备正在逐渐取代PC的地位 而做为一个3D游戏引擎, 想要适应这个潮流却不是很容易 先不考虑其它, 光技术上面临的问题就很棘手: C++目前无法直接用于web开发, 必然要面临老代码转换/移植的问题 3D硬件加速的渲染在浏览器这边, 没有一个统一的标准 多线程, web浏览器里对于线程的使用有很多限制 输入设备, 比如右键的功能很多时候会跟浏览器冲突 IO, 通过网络传输的资源在传输, 访问
Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D。 Three.js的核心五步就是: 1.设置three.js渲染器 2.设置摄像机camera 3.设置场景scene 4.设置光源light 5.设置物体object 1.设置three.js渲染器 三维空间里的物体映射到二维平面的
今天,引擎2.2.0 beta版本终于与大家见面了。从此以后,LayaAir引擎源码从ActionScript3全面转向TypeScript,引擎运行的JS全面支持ES6标准,在未来的引擎API设计上会利用TypeScript语言特性进行调整,提升开发效率。除此之外,这次的版本,引擎的默认图形API调整为WebGL 2.0,且3D方面也有着大量实用功能的增加,本文会逐一为大家介绍。
曾几何时,网络并不像今天这样成为我们生活的重要组成部分,它主要用于查看天气、邮件、新闻、雅虎答案、下载MP3或玩Flash游戏。
Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。
「元宇宙」这个概念在近来十分火热,但本质来上说,元宇宙这个词更多的是一个商业上的概念,在这个概念里面融入集成了很多现有的技术。具体可能包括:
最近古柳的 「中国传统颜色可视化(一)」 视频在b站小火?了下,不知道大家有在首页看到过这个视频嘛? 不过毕竟只是小火而非大火,想来不知道的人更多,因而古柳简单介绍下情况,与大家分享这次的意外之喜。
在这个分步指南中,我们将使用一个基于 WebGL 的 3D 图形的框架 three.js, 创建一个 3D 版本的 Treehouse 徽标。你可以通过点击或者拖拽鼠标使相机旋转!你也可以使用鼠标滚轮进行缩放。
由游戏日报、游品会联合长沙师范学院共同举办的“2015游戏行业未来峰会”于近日在湖南长沙成功举办。本届峰会的主题为“嬗变·未来”,聚焦游戏行业热点问题。在会上,Layabox总裁谢成鸿讲解了HTML5游戏引擎的现状和未来的发展,认为HTML5的性能突破将淘汰单个行业领域的全能引擎,向全行业引擎领域发展,HTML5的3D引擎时代也会提前到来。
Godot是一个全新开发的游戏引擎,其功能集类似知名的跨平台游戏引擎Unity,可用于开发PC、主机、移动和Web游戏。开发者引 擎的2D和动画支持要强于Unity,表示在功能和特性上没有其它开源游戏引擎能相媲美。 Godot引擎内置了类似Unity的编辑器,GUI工具 包,2D/3D物理支持,支持OpenGL ES 2.0 功能集的3D渲染器,易于学习的语言和API,支持用ASM.js或Google Native Client输出HTML5代码,支持 Linux、Windows和OSX开发平台
睁开您的眼睛,看看你的周围,它是一个多么美妙的3D世界啊。3D世界由什么组成,除了上帝,还有谁能够回答呢?
LayaAir引擎放弃Canvas原生API,并不等于放弃2D,而是为更好的发展2D和3D!那为什么要放弃Canvas原生API,以及LayaAir引擎未来的发展规划,这里我们来和大家聊一聊!
腾讯光影研究室 Tencent GY-Lab 影像前沿 创意无限 魅力光影 与你同行 校招同学敲重点!!! 1 团队介绍 腾讯光影研究室(Tencent GY-Lab)致力于探索泛娱乐综合解决方案,将前沿的AI能力、3D渲染技术,先进的玩法SDK赋能产品,让拍摄特效更丰富,让创作编辑更智能。团队在语义分割、目标检测、分类识别、GAN生成对抗等方面均有深厚的技术积累,目前,QQ、微视等超20款业务产品中均有光影研究室技术的身影。 2 光影的工程能力 Light3D渲染引擎 光影研究室内部开发的L
一开始我准备用html+css去写,后来感觉使用html和css写就太low了,没有一点点心意。就打算用three.js写一个3d版本的。
本文是three.js系列博文的一篇,第一篇文章是【three.js基础知识】,如果你还没有阅读过,可以从这一篇开始,页面顶部可以切换为中文或英文。
物联网3D可视化开发已经辐射到各行各业,无论车间还是消防,城市还是粮仓,亦或是地铁、科技园,物联网可视化是科技的进步,也是行业的进步。而传统的3D可视化开发实施起来并不那么乐观。如果使用ThingJS
本文介绍了基于HTML5技术的电力3D监控应用,该应用可以实时监控电力设备的运行状态,并通过3D界面展示设备的运行数据。通过使用HTML5技术,可以跨平台使用该应用,并且该应用具有快速开发、可扩展性强、稳定性高等优点。同时,该应用还可以使用3D引擎框架来开发,让整个应用更加具有亮点和吸引力。该应用的开发团队是一个具有丰富开发经验的团队,该团队拥有多年电力监控系统的开发经验,能够提供全方位的电力监控解决方案。
在今年的世界人工智能大会上,作为国内率先把“元宇宙”写入地方十四五规划的城市,上海市“以会兴业”一举促成总投资高达150亿元的“人工智能代表性产业项目”签约,所涉25个项目中有17个与“元宇宙”主题直接相关。元宇宙已经不再仅仅是一个代表科技产业前沿技术的宽泛概念,而是朝更多的企业、组织机构的商用场景切实迈进了一大步。
github地址:https://github.com/hua1995116/Fly-Three.js
前言 设计师需求中3D视觉平移到互动H5中的项目越来越多,three.js和PBR工作流的结合却一直没有被系统化地整理。 和各位前端神仙一起做项目,也一起磕磕碰碰出了爱与痛的领悟。小小总结,希望3D去往H5的道路天堑变通途。 本手册主要分为两大部分: Part 1 理论篇:主要让设计师了解计算机到底是如何理解和实时渲染我们设计的3D项目,以及three.js材质和预期材质的对应关系。 Part 2 实践篇:基于three.js的实现性,提供场景、材质贴图的制作思路、以及gltf工作流,并动态讨论项目常
经过上一小节《使用Three.js构建基础3D场景 | 《Three.js零基础直通03》》,基础场景已经有了,现在我们来探索Three.js的一些功能。
最近参与了国网计量中心的四线一库自动化检定系统的项目开发,团队封闭开发了大半年终于快到尾声了,整个项目过程实在非常累,我的mentor杨杨老师是这样描述的:累的不想说话了。我估计是我太渴望新知识,整天不断问他问题把他搞烦了。 对我这种新人来说还是相当充实的,整个系统需要和硬件厂家对接采集硬件数据,需要和实时数据库厂家对接实时数据,需要和视频厂家对接视屏界面组件,还要和国家电网的业务专家请教业务知识,我从只会写代码的程序员慢慢变得也喜欢和人打交道了。 对于我最有意义的是我终于可以真正从事基于HTML
首先,李嵘强调了LayaAir 3.0引擎是面向泛行业元宇宙大型项目的全平台高性能3D引擎。
随着HTML5技术的普及和WebGL技术的成熟,越来越多的行业开始尝试使用HTML5和WebGL进行3D图形和动画的展示。该文介绍了如何使用HTML5和WebGL进行3D图形和动画的开发,包括使用HTML5的Canvas和SVG元素进行3D图形的绘制和动画的制作,以及使用WebGL进行3D图形的渲染和动画的播放。同时,该文还介绍了如何使用HT for Web的3D引擎进行3D图形和动画的开发,以及如何使用HT for Web的3D引擎进行跨平台3D图形和动画的开发。
先上段视频,不是在玩游戏哦,是规规矩矩的电信网管企业应用,嗯,全键盘的漫游3D机房: http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html 随着PC端支持HTML5浏览器的普及,加上主流移动终端Android和iOS都已支持HTML5技术,新一代的电信网管应用几乎一致性的首选HTML5,当然Flex和Silverlight的遗留系统依然存活着,如果不考虑移动终端,不考虑将来维护人员难找,不考虑需要承载成千上万的网
自 Three.js 2010 年成立以来, 一直是在 Web 上构建 3D 视觉效果的标准。 多年来,基于这个库构建了很多抽象库,它们整合了 Three.js 的特性,可以帮助开发者创建快速、令人惊叹和高性能的 Web 应用程序。
领取专属 10元无门槛券
手把手带您无忧上云