当前位置: 首页 > news >正文

blend4web的三维小场景的开发应用(2)

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

       上一篇我们介绍了怎么配置blend4web的环境,今天开始就一起踏上探索b4w新大陆的旅程。开始之前先说一下怎么汉化吧,说是汉化,其实也只是一大部分,其余的还是英文的。

1、blender界面汉化:

       汉化的设置是在用户设置面板中,找到system一栏中,右下角有个international Font 选项,勾选之后选择“简体中文”就行了。

201101_PhXw_3783115.png

201146_PtFS_3783115.png

设置完成就可以看到界面已经变成汉字了。

2、本地项目管理服务

      本地项目服务的开启需要在blender软件里面启动,首先要确保引擎是Blend4web,然后找到渲染选项,步骤下图标识1、2步

201751_pef5_3783115.png

完成上部操作之后,可以看到红色圈圈有四个选项,点击project manager ,会自动在电脑的默认浏览器中打开本地项目管理页面;

202120_qzwf_3783115.png

界面如上图所示:

Back to Index 是返回到首页:在首页里面我们可以看到官网提供的案例,后续我会在怎么把案例打包到本地的项目中,编辑它的代码,研究它的blender文件篇章中详细介绍。

Create New Project : 正如字面意思所述,它是创建新的项目。待会我会详细介绍怎么创建,和创建项目的时候应当注意的问题。

Import Projects: 这个是导入别的项目的功能,这里需要主要的是导入的项目必须是一个zip压缩包文件格式,解压为文件夹是不能导入的。

Export Projects:就是把自己的项目导出去,导出为一个压缩包格式的文件。

Hide Stock Project :下面的所有的项目列表,有的是官方给的例子,有的是自己新建的项目,文件太多的时候,可以把官网给的项目案例隐藏掉,只显示自己创建的项目。

Help:会自动跳转到blend4web的用户操作手册页面(英文版的)。

3、创建项目

        点击Create New Project,(由于页面过长,我截成两个图片展示)界面如下图:

205509_gRLI_3783115.png

Project Name 项目名称,这个是必须要填的。剩下的都选填。

205722_pE0v_3783115.png

红色框框里面的有三个选项,这个关乎之后项目创建成功之后导出,然后集成到业务项目中的。如果选择前两个,它的代码是进行压缩的,这样不利于代码的维护。所以我选择第三个,这样就可以导出项目之后直接修改代码了。其余的设置基本上都是按照默认的来。点击创建按钮。等待创建完成提示就算创建成功了。之后可以在项目列表中找到刚才创建的项目

210337_fjbK_3783115.png

上图是项目创建成功的界面,点击返回。就以找到自己的项目了。

210520_v5cH_3783115.png

红色框框里面是项目的管理的一些功能,第一个Build,是把自己在edit界面里面编写的代码进行整理打包,构建一个项目文件。

210823_sUqe_3783115.png

check modules:检测代码中引用的模块是否多余。

用的最多的还是第三个,如果在blender里面做修复的时候,重新导入一下场景才能展示最新的。

4、项目初步使用:

        项目的初始创建之后会自动生成一个Blender文件,

点击可以211926_235J_3783115.png打开,会看到里面自动会默认在场景中添加一个方块物体。

211840_xMTG_3783115.png

点击212027_hhqx_3783115.pngdev:Demo01.html可以在浏览器中看到blender文件里的场景

213935_BJ01_3783115.png

在界面中可以进行旋转 平移操作。是不是很好玩。

总结:

        本篇主要介绍怎么初步使用Blende4web进行项目创建和在项目管理中快速浏览。慢慢的多用几次就能熟悉了。我也只是一个半懂的状态,很多东西也只是了解表面。只是刚刚入门。下一篇讲怎么把官网给的案例打包到本地,然后研究它的blender场景,和相关代码。

转载于:https://my.oschina.net/u/3783115/blog/1625547

相关文章:

  • 前端面试题整理汇总
  • 如何优雅的在手机上进行Python编程
  • TiDB 源码阅读系列文章(一)序
  • 小程序开发 Wepy 框架 使用规范
  • 傲娇的性格、逗比的语气,和聊天机器人谈情说爱可行吗?
  • 自己简单写的 事件订阅机制
  • ReactNative从零到完整项目-state使用详解
  • 150行实现Promise 90%的功能
  • PlaNet图片识别机器,准确表现超过人类
  • 精选15个国外CSS框架
  • python基础—条件语句
  • 【391天】每日项目总结系列128(2018.03.03)
  • 有货移动Web端性能优化探索实践
  • 修复.NET的HttpClient
  • 51nod1683
  • [译]前端离线指南(上)
  • CSS实用技巧
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • redis学习笔记(三):列表、集合、有序集合
  • Redux 中间件分析
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 前端自动化解决方案
  • 如何抓住下一波零售风口?看RPA玩转零售自动化
  • 少走弯路,给Java 1~5 年程序员的建议
  • 微信支付JSAPI,实测!终极方案
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • (06)Hive——正则表达式
  • (16)UiBot:智能化软件机器人(以头歌抓取课程数据为例)
  • (附源码)ssm失物招领系统 毕业设计 182317
  • (深度全面解析)ChatGPT的重大更新给创业者带来了哪些红利机会
  • (转)机器学习的数学基础(1)--Dirichlet分布
  • .mkp勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET CORE 2.0发布后没有 VIEWS视图页面文件
  • .NET Core工程编译事件$(TargetDir)变量为空引发的思考
  • .NET 动态调用WebService + WSE + UsernameToken
  • .net分布式压力测试工具(Beetle.DT)
  • @for /l %i in (1,1,10) do md %i 批处理自动建立目录
  • @RequestBody与@ResponseBody的使用
  • [ 环境搭建篇 ] 安装 java 环境并配置环境变量(附 JDK1.8 安装包)
  • [Android]常见的数据传递方式
  • [AR Foundation] 人脸检测的流程
  • [C#]winform使用引导APSF和梯度自适应卷积增强夜间雾图像的可见性算法实现夜间雾霾图像的可见度增强
  • [DP 训练] Longest Run on a Snowboard, UVa 10285
  • [IE编程] IE 是如何决定Accept-Language 属性的
  • [JS]Math.random()随机数的二三事
  • [leetcode 数位计算]2520. 统计能整除数字的位数
  • [leetcode] 103. 二叉树的锯齿形层次遍历
  • [LeetCode周赛复盘] 第 312 场周赛20220925
  • [Linux] 常用命令--版本信息/关机重启/目录/文件操作
  • [Linux_IMX6ULL驱动开发]-基础驱动
  • [linux学习]apt-get参数解析
  • [python] dataclass 快速创建数据类
  • [pytorch]手动构建一个神经网络并且训练
  • [SQL]数据库语言学习