12 陈小峰_iefreer

企业博客

我要认证

踏得网创始人.电子工业出版社《iPhone应用程序开发名家解析》译者.《Android开发指南中文版》电子书作者。

等级
TA的排名 203

如何在网页3D编辑器Stone中引入平面多边形模型

踏得网的Stone工具支持导入复杂的SVG图形并自动根据SVG里面的路径数据生成形状模型。具体操作:把svg文件直接拖拉到Stone编辑器的场景区域并松开鼠标,比如一个名为tiger.svg的文件。此时注意观察场景树的变化,如果加载成功,应该会出现一个名为tiger的节点,如果你的场景树层级关系较多,你可以在场景树最上面的搜索栏里面敲入“tiger”来快速定位到该节点。此时如果3D场景中没有出现预期的模型,那么一般是因为模型太大或太小所导致,可以通过选中tiger节点,在检测器的tr

2020-10-27 22:45:17

Stone教程:如何导入3D模型到场景中

踏得网Stone工具支持导入外部3D模型。当前支持的模型类型有fbx、glb和obj。有三种操作方式:1. 直接从文件资源管理器拖拉模型文件到编辑器的场景中2. 也可以通过点击菜单“程序”->“引入”来导入3. 也可以通过下面的资源池工具条上的导入按钮来导入模型导入后,默认情况下,如果导入正确,该模型将被插入为当前选中节点的子节点。由于大小问题模型可能超出编辑者视界,我们可以通过鼠标滚轮来缩放场景来看到模型全貌。如果模型过大或者过小,可以通过在场景树中选中该模型节点

2020-10-25 17:51:25

Stone教程:如何在3D场景中使用粒子动画特效

踏得网的Stone工具采用了着色器粒子编辑引擎,可以很容易的实现烛火、萤火虫、烟花、喷泉、雨雪等3D动画特效。要在场景的特定位置添加粒子特效,可以首先在该位置添加一个空实体,然后给该实体添加particle组件:点开ParticleEmitter组件标签,可以看到一个当前使用的粒子贴图:双击该贴图将打开粒子编辑器:最上面是贴图,你可以换成自己制作的贴图,比如雨滴、雪花等。粒子参数有很多,比较重要的几个参数是粒子数量、生存周期、3个维度上的速度、加速度(注意除了初始值,还有变化

2020-10-25 17:21:19

Stone教程:如何在3D场景中使用音频和视频

Stone支持直接从系统资源管理器中拖拉资源到场景实体上来自动完成音频和视频对象的创建。目前支持的音频格式为mp3/ogg/wav,视频格式为MP4/webm/ogg。第一步:在场景中创建一个实体,比如一个立方体。第二步:把音频或视频文件拖拉到立方体上,鼠标松开。如果是音频文件,则在场景树中选中立方体后,可以看到该实体多了一个AudioEmitter组件:点击Audio属性旁边的播放按钮,则可以播放该音频。如果要让Stone应用程序运行时自动播放该音频,请勾选组件的自动播放(Au

2020-10-25 16:49:52

Stone教程:如何选中、平移、旋转和缩放实体

3D世界的平移、缩放和旋转操作和2D文档中有很大的差异。2D文档中选中文本框的时候一般会出现辅助边框用来进行缩放以及平移,类似的思路,3D目标操作目前比较成熟的一个方式是给目标3D实体添加辅助调节器,这个调节器必须是3个维度的,可以分别对X/Y/Z三个维度进行调节,还要可以对其中任意多个维度同时调节。选中选中实体有2种方式,一个是在中心场景中双击实体对象,还有一个是在场景树中选择实体。平移在Stone编辑器中选中实体后,点击左侧工具栏中的平移按钮(或者按快捷键T):这时,

2020-10-24 11:42:25

Stone教程:如何在3D场景中添加图像

在Stone中添加图像很简单,只要2步。第一步,新建一个平面,然后移动到预定位置,并缩放到合适的比例第二步,把图片(png或jpg)从操作系统资源管理器中直接拖拉到上面的平面上即可:...

2020-10-24 09:38:24

Stone教程:组件简介以及如何使用组件来扩展实体的功能

踏得网的Stone工具实现了经典而强大的ECS(即Entity-Component-System)架构,场景中的实体可以通过组件来轻松的扩展其功能。当我们在场景树中选择了一个实体对象时,检查器面板会自动显示该实体对象的属性和组件列表:在检查器的最顶部有一个添加组件的下拉列表框,我们首先分类介绍下已有组件的功能:操作类:drag-controls:拖拉控制,用来给实体添加可拖拉操作性object-controls:给实体添加对象控制(鼠标和键盘操作)fps-controls:

2020-10-22 13:18:05

Stone教程:一行代码就可以把3D场景植入到普通网页中

踏得网的Stone工具可以帮助用户快速构建3D场景,场景可以在Stone工具内编辑、播放、保存和重新加载。如果想把在Stone工具中制作的场景放到现有的网页中,也很简单,只需要2步。Stone提供了一个运行时库tds_rt.js,(tds_rt全称为techbrood stone runtime)链接地址为:https://techbrood.com/stone/tds_rt.js,第一步是把该js库加载到页面中:<script src="https://techbrood.co.

2020-10-22 12:34:10

踏得网独家发布轻量级在线3D沉浸式展示创作工具Stone及其使用简介

从表现形态上来看,互联网已经走过了3个大的阶段。第一个阶段是简单文本信息的分享,源于学术之间文档的共享需求,然后普及到普通用户对于新闻获取和知识搜索方面的需求。第二个阶段是富媒体交互,在这个阶段网页的内容不再局限于文本,而是图文并茂、乃至音频视频动画。而在交互上也不只是被动的接收,而有了更多的交互和动效,这使得电商等众多网页应用和网页游戏成为可能。第三个阶段是信息载体的变化,从桌面走向了移动,催生了移动互联网时代。而现在互联网内容将走入第四个关键的阶段,即沉浸式互联网时代。沉浸式互联网和

2020-10-09 20:25:58

基于HTML5实现的在线3D虚拟试衣系统(试衣间)解决方案

3D虚拟试衣系统的使用场景主要是在线电商或数字营销,为品牌服装、服饰、饰品添加高端3D虚拟购物动效,提升用户感官体验和交互体验。踏得网基于网页/HTML5独家研发了一套在线3D虚拟试衣间系统。纯网页版,跨平台支持,无需用户安装插件。

2016-09-09 00:37:37

A-Frame WebVR开发入门教程

WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的 A-Frame 框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构建3D VR场景动画原型,而不需要编写过多的JavaScript和GLSL语句。本文将介绍如何使用A-Frame构建一个简单的在线可运行实例。

2017-04-07 00:05:51

如何在浏览器中使用WebAssembly特性

WebAssembly是一个新的重大网页技术,顾名思义“网页的汇编语言”。[参考阅读:什么是WebAssembly,为什么需要WebAssembly]该技术得到Mozilla、Google和Microsoft的支持,但目前如果要体验该特性,需要修改浏览器的一些标记(配置):对于Chrome,打开chrome://flags/#enable-webassembly,启用该标记。对于Firefox N

2017-03-02 22:12:26

CSS3特性查询(Feature Query: @supports)功能简介

这是2017年不能不了解和学习的一个CSS新特性,很简单实用,考虑到现实世界浏览器的复杂性,该特性本应该先于其他新特性出来。我们已经知道使用媒体查询(Media Query)来检测屏幕尺寸,从而实现响应式界面设计。而特性查询则用来查询用户代理(如桌面浏览器)是否支持某个CSS3的特性,这个功能除了IE之外,已被其他浏览器所支持。

2017-02-07 13:24:39

2016年度10大HTML5动画

踏得网精选2016年度最酷最新的HTML5动画集,评选标准为:创意新颖度+实现技术难度+趣味程度。技术全面覆盖HTML5/CSS3/SVG/WebGL/ES6。

2016-12-27 17:55:24

php tesseract 不能执行成功

centos6的环境,php版本为5.5,tesseeract为2.0.2版本,执行其他命令如ls可以,执行tesseract不工作。在命令中加入 2>&1,返回错误信息“不能加载eng.unicharset",权限问题,修改权限解决问题,记录下。

2016-12-21 15:20:57

使用Babel独立版编译ES6代码时报错误:Unexpected token <

使用babel-standalone来在线编译ES6代码,但是遇到如下错误:“Unexpected token <”原因是ES6中使用了ReactJS,需要在编译预设置选项(presets)中添加react

2016-11-08 17:58:25

通过实例深入理解HTML5/CSS3/SVG/WebGL的技术本质

常常听到人们对于HTML5的讨论,看了页面头部这个那个就是HTML5,误认为HTML5只是新增些标签“而已”,学完了速查手册似乎就理解了。实际上很多从业人员并没有深入理解业界为什么要推出HTML5系列技术标准,为什么HTML5代表了下一代网页乃至移动应用技术。

2016-11-06 00:56:26

使用JS压缩用户上传的图片

使用HTML5的FileReader接口和Canvas的toDataURL接口来实现客户端图片压缩以减轻系统负荷。

2016-11-04 22:39:04

HTML5 vs Hybrid APP vs Native APP和技术选型

HTML5(纯移动Web应用)和Native APP都很容易理解。为了获得HTML5的移植性和移动本地应用的高性能,搞出来一些混合APP的解决方案。比如Apache的Cordova(也就是以前的PhoneGap)、微软的Xamarin、Facebook的React Native、Google的NativeScript。

2016-10-17 23:02:36

Sphinx2.1.9使用HTML文件作为索引源技术要点备忘

踏得网(http://techbrood.com)站内教程和手册的查找功能,建立在Sphinx上,其最新发布版本为2.2.11。Sphinx既能支持数据库索引,也支持对文本文件(xml、html、txt等)和json结构文件进行直接索引。本文说明如何建立HTML文件的索引。

2016-10-13 15:25:43

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。