blend4web的三维小场景的开发应用(2)
2018-02-27 00:00
676 查看
上一篇我们介绍了怎么配置blend4web的环境,今天开始就一起踏上探索b4w新大陆的旅程。开始之前先说一下怎么汉化吧,说是汉化,其实也只是一大部分,其余的还是英文的。
1、blender界面汉化:
汉化的设置是在用户设置面板中,找到system一栏中,右下角有个international Font 选项,勾选之后选择“简体中文”就行了。
设置完成就可以看到界面已经变成汉字了。
2、本地项目管理服务
本地项目服务的开启需要在blender软件里面启动,首先要确保引擎是Blend4web,然后找到渲染选项,步骤下图标识1、2步
完成上部操作之后,可以看到红色圈圈有四个选项,点击project manager ,会自动在电脑的默认浏览器中打开本地项目管理页面;
界面如上图所示:
Back to Index 是返回到首页:在首页里面我们可以看到官网提供的案例,后续我会在怎么把案例打包到本地的项目中,编辑它的代码,研究它的blender文件篇章中详细介绍。
Create New Project : 正如字面意思所述,它是创建新的项目。待会我会详细介绍怎么创建,和创建项目的时候应当注意的问题。
Import Projects: 这个是导入别的项目的功能,这里需要主要的是导入的项目必须是一个zip压缩包文件格式,解压为文件夹是不能导入的。
Export Projects:就是把自己的项目导出去,导出为一个压缩包格式的文件。
Hide Stock Project :下面的所有的项目列表,有的是官方给的例子,有的是自己新建的项目,文件太多的时候,可以把官网给的项目案例隐藏掉,只显示自己创建的项目。
Help:会自动跳转到blend4web的用户操作手册页面(英文版的)。
3、创建项目
点击Create New Project,(由于页面过长,我截成两个图片展示)界面如下图:
Project Name 项目名称,这个是必须要填的。剩下的都选填。
红色框框里面的有三个选项,这个关乎之后项目创建成功之后导出,然后集成到业务项目中的。如果选择前两个,它的代码是进行压缩的,这样不利于代码的维护。所以我选择第三个,这样就可以导出项目之后直接修改代码了。其余的设置基本上都是按照默认的来。点击创建按钮。等待创建完成提示就算创建成功了。之后可以在项目列表中找到刚才创建的项目
上图是项目创建成功的界面,点击返回。就以找到自己的项目了。
红色框框里面是项目的管理的一些功能,第一个Build,是把自己在edit界面里面编写的代码进行整理打包,构
3ff0
建一个项目文件。
check modules:检测代码中引用的模块是否多余。
用的最多的还是第三个,如果在blender里面做修复的时候,重新导入一下场景才能展示最新的。
4、项目初步使用:
项目的初始创建之后会自动生成一个Blender文件,
点击可以
打开,会看到里面自动会默认在场景中添加一个方块物体。
点击
dev:Demo01.html可以在浏览器中看到blender文件里的场景
在界面中可以进行旋转 平移操作。是不是很好玩。
总结:
本篇主要介绍怎么初步使用Blende4web进行项目创建和在项目管理中快速浏览。慢慢的多用几次就能熟悉了。我也只是一个半懂的状态,很多东西也只是了解表面。只是刚刚入门。下一篇讲怎么把官网给的案例打包到本地,然后研究它的blender场景,和相关代码。
1、blender界面汉化:
汉化的设置是在用户设置面板中,找到system一栏中,右下角有个international Font 选项,勾选之后选择“简体中文”就行了。
设置完成就可以看到界面已经变成汉字了。
2、本地项目管理服务
本地项目服务的开启需要在blender软件里面启动,首先要确保引擎是Blend4web,然后找到渲染选项,步骤下图标识1、2步
完成上部操作之后,可以看到红色圈圈有四个选项,点击project manager ,会自动在电脑的默认浏览器中打开本地项目管理页面;
界面如上图所示:
Back to Index 是返回到首页:在首页里面我们可以看到官网提供的案例,后续我会在怎么把案例打包到本地的项目中,编辑它的代码,研究它的blender文件篇章中详细介绍。
Create New Project : 正如字面意思所述,它是创建新的项目。待会我会详细介绍怎么创建,和创建项目的时候应当注意的问题。
Import Projects: 这个是导入别的项目的功能,这里需要主要的是导入的项目必须是一个zip压缩包文件格式,解压为文件夹是不能导入的。
Export Projects:就是把自己的项目导出去,导出为一个压缩包格式的文件。
Hide Stock Project :下面的所有的项目列表,有的是官方给的例子,有的是自己新建的项目,文件太多的时候,可以把官网给的项目案例隐藏掉,只显示自己创建的项目。
Help:会自动跳转到blend4web的用户操作手册页面(英文版的)。
3、创建项目
点击Create New Project,(由于页面过长,我截成两个图片展示)界面如下图:
Project Name 项目名称,这个是必须要填的。剩下的都选填。
红色框框里面的有三个选项,这个关乎之后项目创建成功之后导出,然后集成到业务项目中的。如果选择前两个,它的代码是进行压缩的,这样不利于代码的维护。所以我选择第三个,这样就可以导出项目之后直接修改代码了。其余的设置基本上都是按照默认的来。点击创建按钮。等待创建完成提示就算创建成功了。之后可以在项目列表中找到刚才创建的项目
上图是项目创建成功的界面,点击返回。就以找到自己的项目了。
红色框框里面是项目的管理的一些功能,第一个Build,是把自己在edit界面里面编写的代码进行整理打包,构
3ff0
建一个项目文件。
check modules:检测代码中引用的模块是否多余。
用的最多的还是第三个,如果在blender里面做修复的时候,重新导入一下场景才能展示最新的。
4、项目初步使用:
项目的初始创建之后会自动生成一个Blender文件,
点击可以
打开,会看到里面自动会默认在场景中添加一个方块物体。
点击
dev:Demo01.html可以在浏览器中看到blender文件里的场景
在界面中可以进行旋转 平移操作。是不是很好玩。
总结:
本篇主要介绍怎么初步使用Blende4web进行项目创建和在项目管理中快速浏览。慢慢的多用几次就能熟悉了。我也只是一个半懂的状态,很多东西也只是了解表面。只是刚刚入门。下一篇讲怎么把官网给的案例打包到本地,然后研究它的blender场景,和相关代码。
相关文章推荐
- blend4web的三维小场景的开发应用(1)
- blend4web的三维小场景的开发应用(4)
- javaweb_08-ServletConfig对象和它在开发中的应用场景
- JavaWeb开发之深入分析请求转发和重定向的应用场景以及请求包含 (跟着龙哥学JavaWeb)
- Skyline Web 二次开发- 场景应用(模型点位标注与获取某个点位模型高程值)
- Portal-Basic Java Web 应用开发框架 v2.6.2 发布(源码、示例及文档)
- 无背景三维互动场景显示及应用
- MyEclipse开发WEB 应用入门
- Android开发之如何在WebView中点击链接使用自身打开(解决出现的选择使用第三方应用的问题)
- 使用 WebFlowEditor 开发SWF应用[摘]
- 三维粒子系统的开发和应用
- php开发高效的WEB系统应用技巧
- UTF-8 字符处理在 Web 开发中的应用
- Vaadin Web应用开发教程(6):使用资源
- SpringBoot | 第十七章:web应用开发之文件上传
- (十)SpringBoot之web 应用开发-Servlets, Filters, listeners
- 【WEB开发】:webservice的可应用理解文章
- Vaadin Web应用开发教程(10):UI组件-TextField
- 移动Web单页应用开发实践——页面结构化
- HTML5本地化应用开发-HTML5 Web存储详解