Axuer实现动态火箭绕着地球图

最新推荐文章于 2021-10-08 19:18:19 发布
最新推荐文章于 2021-10-08 19:18:19 发布
阅读量338 收藏 1
点赞数
分类专栏： Axure的使用 文章标签： 3D动画 地球旋转 火箭轨迹 编程模拟 动态效果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47257428/article/details/112910838
版权

在这里插入图片描述

上图是火箭绕着地球走的静态图，那么要怎么实现它绕着地球走呢
首先先让地球原地自转，那我们就给地球设置载入时以中心为锚点自转360度，在设置它旋转时在转360度，那么他就会一直转下去，
那么小火箭交给他设置以相对位置设置它顺时针以中心旋转360，这时小火箭是在自转，那我们在给它设置锚点偏移，锚点的x和y均是地球的中心位置减去小火箭的位置得出，最后给小火箭旋转时在重复以上的动作他们就会一直旋转下去了

干架小白
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
地球火箭旋转
ln201009的博客
06-17 218
下面是我学Axure时的一个基础操作：共4个步骤。 首先先按照下图内容，填充背景颜色，拉出有地球、火箭的图片。 然后点击地球，先设置旋转时，旋转角度360度，线性速度为5000.不能太慢也不能太快，速度比火箭慢即可。（设置好之后，就把这个复制之后粘贴到载入时。） 点击火箭图片，然后点击旋转时，设置旋转度数都是跟地球一样，速度比地球快，但是需要特别注意的是 这里有一个锚点偏移，这里x设置200，y设置100即可。(也可根据自己来稍作调整）然后把设置的复制粘贴到载入时。 这样就做...
Axure旋转 6.28
A_tuohai的博客
06-28 428
1、 打开Axure RP8 2、 设置背景颜色为#415C5C 3、 将素材拖动到Axure，并摆放对应位置 4、 在地球图片添加用例，选择载入时，设置旋转为相对位置，角度为720°，方向为顺时针，锚点为中心，动作选择线性，时间10000毫秒 5、 将这设置好了之后，将其复制到<旋转时>，千万不能设置错误，否则跟效果会有所偏差 6、 将地球设置好了之后，就可以设置飞机了，在<载入时>设置飞机这张图片，设置旋转为相对位置，角度为360°，方向为顺时针，锚点设置成中心，锚点偏移
火箭+地球
AB17876599663的博客
05-17 104
1、点击Axure RP 8，从基本元件里拉出图片，双击图片，再从文件里拉出图片。 2、点击图片，打开文件，在双击图片。 3、点击圆形图片，再点击旋转，再点击旋转，当前图片。 4、点击载入时，再点击旋转，当前图片，接着按圈圈里面的。 5、点击火箭图片，再点击旋转，再点击旋转，当前图片。 6、点击载入时，再点击旋转，当前图片，接着按圈圈里面的。 7、完成。 v ...
H5小案例—地球围绕太阳旋转
11-25 537
ES6箭头函数与普通函数的区别 ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 为什么叫Arrow Function？因为它的定义用的就是一个箭头： //1、没有形参的时候 let fun = () => console.log('我是箭头函数'); fun(); //2、只有一个形参的时候()可以省略 let fun2 = a => console.log(a); fun2('aaa'); //3、俩个及俩个以上的形参的时候 let fun3 = (x,y) =&
axure8.0快速入门新手教程：地图
weixin_45189747的博客
06-05 1139
现在有关于地图的设计越来越多了，因为这个手机的GPS定位功能，地图更是让众多的软件开发商使用得恰到好处。比如高德使用地图来导航，微信使用地图来位置共享，甚至最近流行的摩拜单车更是使用地图来寻找共享单车。一些只懂axure基础的人画产品原型往往是使用一张图片来表示地图，但如果你让老板看到你画的产品原型中，地图是一个拥有可拖动放大缩小等逼真功能的逼真地图，那相比于别人你是不是更容易进入老板的视线呢...
Axure动态图表+折线图+饼图+柱状图
10-28
Axure动态图表+折线图+饼图+柱状图； 饼状图、柱状图、折线图含交互动画； 软件版本：Axure8.1（兼容Axure9、Axure10）
Axure实现数字动态增加效果
11-08
Axure实现数字动态增加效果，Axure原型设计，原理很简单，新手教学。
Axure8动态图表插件.zip
05-13
《Axure8动态图表插件：打造生动的原型设计》 在数字产品设计过程中，原型设计扮演着至关重要的角色，它能帮助设计师清晰地呈现产品的交互逻辑和视觉效果。Axure RP作为一款强大的原型工具，提供了丰富的功能来满足...
Axure设计-动态多散点图（中继器）
最新发布
05-25
Axure设计—动态多散点图（中继器）；Axure设计—动态多散点图（中继器）；Axure设计—动态多散点图（中继器）；Axure设计—动态多散点图（中继器）；Axure设计—动态多散点图（中继器）
Axure设计-动态分组条形图（中继器）
05-22
Axure设计—动态分组条形图（中继器）；Axure设计—动态分组条形图（中继器）；Axure设计—动态分组条形图（中继器）Axure设计—动态分组条形图（中继器）；
CSS3 H5地球绕太阳转动场景动画特效.zip
07-11
代码片段：
helion-old:一款建造火箭并绕太阳系飞行的游戏
07-11
太阳神 一款您建造火箭并绕太阳系飞行的游戏。 从源代码编译 自 2014 年 1 月 4 日以来，已努力使 Helion 便携。 现在，您可以使用 LLVM 或 GCC 进行构建，您将需要以下依赖项： 一些OpenGL实现 库 下载地址 您还需要下载 Kitware 的 CMake 构建系统 ( )。 这将允许您为首选构建环境生成文件。 如果要使用默认值，只需发出以下命令： $ cmake 。 请注意，在 Windows 上，默认情况下可以使用多个生成器。 Windows 用户可能会考虑下载 Code::Blocks 13.12 或更高版本 ( ) 并运行以下命令： $ cmake 。 -G "代码块 - MinGW Makefiles" -DCMAKE_CXX_COMPILER=g++ 如果您向该命令提供“-DBUILD_TECH_DEMOS=true”，则可选择构建技术演
axture动画原型制作_mac上好用的动画和原型设计工具
weixin_39666550的博客
12-20 167
好的工作软件能加倍您的工作效率，推荐几款超好用的原型设计软件mac版给大家，通通满足动画和原型设计者的需求，感兴趣的来一起了解吧~mac上好用的动画和原型设计工具Kite Compositor for Mac(优秀的动画和原型设计工具)最独特的mac以及ios的动画效果和原型可以直接拖拽图层来进行复杂的结构操作，随时通过控制台进行实时编辑提箱,随时提供脚本和java来进行视图的导入和切换,绝对是最...
Axure小案例
weixin_57766703的博客
06-07 176
1.首先拖出两张图片,类似的就好 2.在样式里给它的背景填充与图片上相同的颜色，将图片放到相应的位置，如下图： 3.点击地球的那张图片找到旋转时和载入时，分别进行设置，如下图2（旋转时）.3（载入时） 4.最后点击火箭那张图片找到旋转时和载入时分别进行设置，如下图 这个简单的小案例就这样做好了 1.首先拖出两张图片,类似的就好 2.在样式里给它的背景填充与图片上相同的颜色，将图片放到相应的位置，如下图：...
可视化大屏原型图解决方案附axure可视化组件库
前端啤酒屋
10-08 4474
现在越来越多的数据展示方式采用了可视化大屏的策略，对数据项进行图表或者动态的展示。在没有产品原型的情况下，怎么制作一个简易的原型呢？ 这里提供三种方式制作简易demo： 第一种：原生html+js实现（适合有开发经验的上手） cdn方式引入echarts等第三方库，制作简易的demo。 我们可以先从gitee上搜索一下可视化，大屏等关键字，找到一些案例后进行运行。（一般的原生案例都会预留一个index.html的入口） 有前端开发经验的程序员可以很快的熟悉 这种demo的模式，在代码中修改需要自定义部.
中国xo宝典(china xo)
热门推荐
彼家有兔，狡兔三窟。
02-11 6万+
今天你Q了没有？ 新人类见面说 今天你O了没有？ IT精英见面说 为什么那么大的人了也要o来o去呢?因为这个o实在是个好词,cxo是首席**官，首就是首领，再加上官字，听起来很过瘾的。其实国人官本位思想还是很浓厚的,再加上这是舶来品，真是土洋结合，天造地设了。 于是乎，忽如一夜东风来，经理们叫首席**官。CEO、CFO、CTO，等等叫开了，本来以为就这几个就可以了，挺酷的。谁知最近又冒出许多cxo
案例：模拟人造卫星沿轨道围绕地球旋转
06-12 3407
有小伙伴问到过这样的问题：在工作中遇到了一个需要实现的效果是围绕旋转，就像是人造卫星沿着一定围着地球旋转的效果。这里给这位小伙伴同时也给其他遇到这个问题的小伙伴做一个解答。首先，我们先把需要用到的元素给搭建好，一个地球，一个卫星。简单做一下表示哈。​ 元素其实非常简单，下一步就是要让卫星进行旋转。在这里，我们在页面载入的时候就让卫星开始旋转。看起来好像蛮简单的，但是这里比较难的是让卫星根据我们的想...
使用Axure实现3D效果，鼠标滚轮实现图型旋转。
AwayIsBlue
11-13 1万+
什么？Axure能够实现3D效果？ 好啦，设悬念这种手法一直都用不好的。直接上源文件吧。 ScrollCar3d.rp 也可以直接去下这个网址里面看效果： Scroll 3d Car Interaction 我第一次看这个3D效果的时候，有两个地方觉得比较新奇的，（当然3D效果一开始也是觉得很新奇的，经常用到Axure，居然不知道里面有3D效果，然而一打开文件就完全不新奇了）。第一个地方
Axure 教学案例总结分析（2）
weixin_50139963的博客
01-05 531
一：列表选中项备选项 实现的效果：当点击输入框时弹出列表框，向下图标变为向上的图标。选择列表框中任意一项，输入框显 示的内容则为被选择的文本内容，列表框隐藏。 原型： 预览效果图： 实现步骤： 在原型中隐藏列表框，当点击输入框时显示列表框，设置一个向 上滑动的动画效果。 设置向下图标旋转，以中心为锚点，180度旋转向下图标，使用 线性的动画效果，这样就可以将向下的图标转变成一个向上的图标了。 当列表框显示时，任意选择点击其中一项时，设置文本框被选项 的文字为列表框文字。 大概设置一个等待500毫秒，然后设
Axure实战：微信朋友圈图文动态中继器实现教程
在本次Axure教程中，我们将学习如何利用中继器功能模拟微信朋友圈的发布图文动态过程。整个流程包括以下几个关键步骤： 1. **准备元件**：首先，我们需要创建两个中继器，一个用于模拟手机相册图片（命名为"模拟"）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值