Techbrood Stone 3D IDE Release Notes

techbrood 发表于 2020-11-17 09:28:37

标签: stone, web3d, webxr

- +

Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。

Stone的体量只有Unity、Unreal的千分之一,在网页3D构建、快速概念验证和在线仿真教学方面有较大优势。


版本0.1:[2020-10-01]

主流ECS架构,通过组件和系统定制可以轻松扩展应用程序功能。

完全弹性的简约风格界面布局,支持所见即所得的编辑操作,支持资源直接拖放到场景。

支持内置基础模型创建,以及外部fbx、glb、obj等模型导入(直接拖拉进编辑器)。

支持复杂材质系统、粒子系统。

支持简单物理系统和动力学系统。

支持文本、富文本、图片、音频、视频和各种常用幻灯片。

支持3D空间多画板绘画、支持直接在基础模型上绘画。

支持多场景和场景轮播。

支持生成爆炸图,可以自定义爆炸方向。

支持VR/AR沉浸式渲染(需要相应设备支持)。


版本0.2:

支持SVG模型。

支持带连接器的注解器:可拖拉、支持渐变色

新增模板库:双击模板图标,可加载已有3D应用程序模板

支持HDR贴图。

新增管道模型:在Mesh组件的模型选择列表中)和管道化工具


版本0.3:

增加用户交互(interaction)组件

增加发光(glow)组件

旋转(rotation)组件功能增强,可以选择转轴(一个典型的应用是车轮子转动)

网格(Mesh)组件功能增强

新增资源库:对于材料,直接拖拉到实体上;对于模型,双击可加载到场景中,在搜索框中可以搜索云端资源

升级3JS引擎到123版本


版本0.3.1:

增加导航(navigation)组件

增加路径规划模块,该模块可配合导航和交互组件使用,完成某实体按规划路径行走的动画

修复AnnotationSVG的问题并增强其内联编辑功能

增强旋转(rotation)组件,使其可绕自身中心点旋转


版本1.0.0:[2020-12-30]

工程性能大幅度优化,部分应用优化度达6倍

二维界面组件编辑(对话框)

精灵图(Sprite)

相机预览(Camera Preview)

地图定位器(Locator)


版本1.0.1:

Mirror可定制形状镜面工具

Shape造型工具

GodRays云隙光组件

VolumeFog体积光体积雾组件

Cloth软体组件(可用于制作旗帜动画)

工程加载过程优化


版本1.1.0:[2021-02-20]

地形构造器,用于构造山脉平原和草地

全景图场景构造器和查看器,可用于快速构建VR看房等应用

模板图像优化,提升加载速度

粒子幻灯片等问题修复

镜像组件增强:添加贴图合成

States组件,用来管理实体状态,从指定服务端API实时获取数据

Plant工具,用来批量种植花草树木

裁剪工具优化:可通过划线来切割物体


版本1.2.0:[2021-03-09]

Stone app boilerplate

Stone应用程序帮助栏

交互式热点标签功能(支持音频、视频和图文对话框)

Entity行为管理

模型构造工具(用于两个模型之间的合并、相交、相减操作)

数学图表,坐标、点云、柱状图和公式(可通过restful接口从后台读取数据)


版本1.2.1:[2021-04-17]

WebGIS模块(可点选地图中心生成地图,可框选区域来自动生成城市路网、建筑和水体)

工具菜单和右侧工具栏布局优化

场景中实体点击事件侦听接口


版本2.1.0: [2021-07-19]

Text组件支持中文,可自选中文字库

增加2D界面组件:文本框、图片框

添加更多计算机仿真对象

曲线Spline转成路径

工具栏布局优化和已知问题修复

增加软件授权管理和用户手册


版本2.1.2: [2021-08-03]

添加阴影处理相关的渲染配置;

物理引擎优化和错误修复;

Transform组件角度编辑从弧度改为度;

增加button2d实体,该实体模拟平面按钮响应点击等事件来触发特定动作;

添加半球光和矩形光源;

添加透视特效组件;

增强对齐工具,添加轴向选择的控制;

默认选择辅助器从线框改为包围盒;

视频贴图不能停止等一些问题修复;


版本3.0.0: [2021-09-13]

升级three.js到131版本;

升级物理材质系统以支持一些高级特性如transmission(玻璃感)和sheen(纺织物光泽);

增强Painter功能以支持通用3D模型,可用于在线定制衣服、家具等产品;

增加宝石和钻石类材质模拟;


版本3.0.1: [2021-09-20]

升级three.js到132版本; 

脚本(Script)组件基础功能实现;

有一些严重问题的修复,比如fbxloader贴图为空(texture无效image检查所引入)



本贴持续更新。


possitive(30) views4241 comments0

发送私信

最新评论

请先 登录 再评论.
相关文章
  • A-Frame WebVR(网页虚拟现实)快速开发入门教程

    WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的

  • WebAssembly工作原理和JavaScript语言性能对比分析

    本文简单说明WebAssembly(简称wasm)工作原理和高性能的原由(和JavaScript相比)。不过需要提醒的是Wasm并非设计来完全替代JS,而是对JS的一个强大补充,JS中...

  • WebGL、Asm.js和WebAssembly概念简介

    随着HTML技术的发展,网页要解决的问题已经远不止是简单的文本信息,而包括了更多的高性能图像处理和3D渲染方面。这正是要引入WebGL、Asm.js和WebAssembly这些技...

  • CSS3人行走动作图解和动画实现

    对于人类而言,行走是一种很自然的想要前进并防止跌倒的一组动作重复。大部分人1岁就学会了走路,但至此以后的几十年间,或许我们从来没留意过自己行走姿势。当...

  • CSS3弹性布局内容对齐(justify-content)属性使用详解

    内容对齐(justify-content)属性应用在弹性容器上,把弹性项沿着弹性容器的主轴线(main axis)对齐。该操作发生在弹性长度以及自动边距被确定后。 它用来在存...

  • HTML5动画背后的数学2 - 仿生智能算法综述

    本文是前文

  • 学习使用CSS制作进度条

    进度条是基础的界面控件,可用于多种场合,比如任务完成进度,手机充电状态等。本文介绍一个简单实用的进度条制作方法。预期效果如下图所示:直观上,我们可以把该进度条控件分为2个部分,外部的边界用来表示固定的目标范围,里面的条形部分用来表示当前进度。外部目标范围元素的CSS代码编写如下:.pb-scope

  • WebGL入门教程5 - 详解纹理滤镜(Texture Filter)

    WebGL中使用纹理贴图来实现细腻的物体表面观感,其中一个重要的参数是纹理滤镜(Texture Filter)。
    这个参数用来处理当对象出现缩放时,纹理如何处理中间...

  • Three.js 开发基础知识 - 绘制3D对象

    Three.js是一个用来简化WebGL开发的JavaScript库,比如绘制一个三维立方体,使用WebGL需要100多行,那Three.js只要10几行就能够完成。本文通过创建一个立方体来...

  • inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

    在表单修改界面中常会使用一个标签、一个内容加一个修改按钮来组成单行界面,如图1所示。那么在表单总长度受限的情况下,当中间的邮箱名称过长时,会遮盖到旁边...

  • 使用requestAnimationFrame和Canvas给按钮添加绕边动画

    要给按钮添加酷炫的绕边动画,可以使用Canvas来实现。基本的思路是创建一个和按钮大小相同的Canvas元素,内置在按钮元素中。然后在Canvas上实现边线环绕的动画。...

  • SVG过滤器feColorMatrix矩阵变换效果用法详解

    在计算机图形学(数学)中,矩阵乘法可用于把空间向量进行几何变换。我们可以把颜色的值(RGBA)表示成一个四维空间向量:color = (r, g, b, a);那么就可以应用...

  • 如何使用纯CSS3实现一个3D泡沫

    要实现一个逼真的泡沫,涉及到比较复杂的光学/物理学知识。我们这里先简化下问题,实现一个相对简单而足够实用的泡沫元素。我们可以把基础的泡沫元素应用在很多场景中,比如水景、泡咖啡、啤酒甚至火焰特效中。泡沫首先是一个圆形元素.bubble

  • 更多...