寻找合适的工具来编写未来风格的 UI 项目
我一直受到动态、未来主义用户界面的启发。我能描述的最好的就是图形界面,例如最新的钢铁侠电影中的界面。
虽然我不会构建一个完整的应用程序,但我想制作一些我计划进行交互的动画片段。也许有一天将它们组合在一起,创造出更大的东西。诚然,我将来会用于音频操作,但无论如何,这不是重点,因为这是我不确定的动画/图形。
我知道可以在 Adobe After Effects 中制作此类动画。我只是很难思考要进行的流程(艺术上和可编程性)。
在我自己研究这个问题的过程中,我获得了 OGRE 3D 和 Blender 的基本经验。我已经在 OGRE 上导入并编译了网格,已经能够执行一些基本操作,例如移动周围的网格。
我开始认为我可能以错误的方式处理这个问题,并且有更好的工具,或者如果 3D 对于此类动画来说太过分了,而 2D 就足够了,并且可能提供更流畅的体验。
我无法理解这个过程,并且想知道两件事:
1.)我无法理解的主要问题是如何获取静态图形来制作动画?网格是否会保留像 Blender 这样的程序的时间线,然后像 OGRE 这样的图形引擎读取时间线并播放它们?
最重要的是:
2.)我还需要图形(网格)吗?大多数界面都是细边框框、文本和透明 LED 颜色的形状,可以动态移动以产生未来效果。
请分享您的意见、建议以及任何您认为可以帮助我完成开发这些性感养眼糖果的事情!谢谢。
I've always been inspired by dynamic, futuristic-like user interfaces. The best I can describe is a graphic interface such as in the latest Iron Man movies.
Although I wouldn't build a full blown application, I would like to make little snipplets of animations that I plan to make interactive. And maybe put them together someday to make something bigger. Admittedly, I will use for audio manipulation in the future but anyway, that's not the point since it's the animations/graphics I'm unsure of.
I know it's possible to make those kind of animations in Adobe After Effects. I'm just having a hard time thinking of the processes (artistically and programmability) to proceed.
While researching on this on my own I have acquired basic experience with OGRE 3D and Blender. I've imported and compiled meshes on OGRE, have been able to do basic things like move the meshes around which is about it.
I'm beginning to think I may be approaching this the wrong way and there are better tools or if 3D is overkill for those kind of animations when 2D would suffice and maybe provide a smoother experience.
I'm having trouble understanding the process and am wondering two things:
1.)The main thing I'm having trouble understanding is how to get still graphics to make animations? Do the meshes keep the timeline from a program like Blender then a graphics engine like OGRE reads the timeline and plays them?
Most importantly:
2.)Do I even need graphics (meshes)? Most of the interface are thin-border boxes, text and shapes of transparent LED-like colors that can move around dynamically to make that futuristic effect.
Please share your opinions, suggestions and anything you think might help me accomplish to develop those kinds of sexy eye candy! Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
当你在电影中看到令人惊叹的未来主义用户界面时,它们通常由
也许你不能对触摸界面做很多事情,但其余的确实不是硬图形明智的,这是精心制作的艺术品并以很酷的方式组合简单元素的问题。
另外,我会研究 Adobe Photoshop 和精美的纹理,而不是 Blender 和精美的建模,因为您正在寻找精美的 2D UI,而详细的 3D 模型并不那么重要。使用 Photoshop(如果您想要免费的替代方案,或者 GIMP)可以帮助您发展您的艺术技能,并帮助您在 2D 表面上获得高科技、科幻的外观。
你知道,在尝试用代码解决这个问题之前,我建议先制作一些你想要的风格的科幻壁纸。我想你会发现照片处理技巧和艺术眼光会对你有所帮助。看在上帝的份上,看看那些有你想要的用户界面的电影(《钢铁侠》、《少数派报告》等),并分析它们到底是什么。像我在上面的列表中所做的那样分解它们。
至于“我应该使用哪些工具?”,我说答案相当简单:
我看到这个标记为 C++,如果我可以这么说,它是编程语言的绝佳选择。
Ogre 是一个成熟的 3D 引擎,这很好,但并不完全针对您想要使用它的用途。你可能会发现你很难完成你想做的事情(免责声明:我还没有在 Ogre 中尝试过这个,它可能对此很有效。话又说回来,你最后一次看到 Ogre 在音频处理程序中使用是什么时候?)。我的建议是学习优秀、简单的 OpenGL。这将使您拥有对 UI 的完全控制权,不会妨碍您或以任何方式限制您。它也是跨平台的,有详细的文档记录,并被世界各地的大量开发人员使用(也用于音频操作应用程序)。我不明白你怎么可能出错。有趣的是,您可能不需要很长时间就可以开始开发一些非常漂亮的 UI。正如我所提到的,这更像是一个艺术问题而不是编码问题。
顺便说一句,这个杯子是用来喝咖啡的。 :)
When you look at awesome futuristic UIs in movies, they are usually made of
Maybe you can't do a lot about the touch interface, but the rest is really not hard graphics wise, it's a matter of carefully crafted artwork and combining simple elements in a cool way.
Also I would look into Adobe Photoshop and fancy texturing rather than Blender and fancy modelling, as you are looking for a fancy 2D UI, and detailed 3D models will not be that important. Playing around in photoshop (well, or GIMP if you want a free alternative) can help you develop your art skills, and help you get that high-tech, sci-fi look on a 2D surface.
You know, I would go as far as to suggest making some sci-fi wallpapers in the style you are after before trying to solve this problem in code. I think you will find that photo manipulation skills and an eye for art will help you here. And for gods sake, look at those movies (Iron Man, Minority Report etc.) that have those UIs you are aiming at, and analyze what exactly they are. Decompose them like I did in the list above.
As for the "which tools should I use?", I say the answer to that is fairly simple:
I see this is tagged C++, which is an excellent choice of programming language if I may say so.
Ogre is a full blown 3D engine, which is fine, but not exactly targeted at what you want to use it for. You might find that you struggle to get what you want done (disclaimer: I have not tried this in Ogre, and it might work well for this. Then again, when did you last see Ogre used in an audio manipulation program?). My advice is to learn good, simple OpenGL. That would give you complete power over your UI, not get in your way or limit you in any way. It is also cross platform, well documented, and used by tons of developers all over the world (also for audio manipulation applications). I can't see how you could possibly go wrong with it. The fun part is that it probably won't take you long to get advanced enough in it to start developing some pretty nice UIs. As I mentioned, it's more of an art problem than a coding problem.
The cup is for the coffee, by the way. :)
最简单、最有效的方法是跟踪“媒体文件”中的所有图形数据(网格、动画、效果)并加载和加载。在运行时播放它们。尽管您可以轻松地更改游戏而无需更改代码。
例如,您有一款类似《暗黑破坏神》的游戏,您想将其变成未来风格。你只需要重写一些玩家和AI脚本并修改网格/效果/声音/动画。但如果你通过代码完成了这些 - 这将是一个从头开始的新游戏。
The easiest and most efficient way is to keep track of all your graphics data (meshes, animations, effects) in "media files" and load & play them in runtime. Though you'll be able to easily change your game without changing the code.
For example, you have a Diablo-like game and you wanna turn it to the future-style. You just need to rewrite some player and AI scripts and modify meshes/effects/sounds/animations. But if you've done those via code - it will be a new game from scratch.
我建议 Ogre,但你已经使用过它,所以在我看来,你走在正确的道路上。
在 Ogre 文档中查找“广告牌”,re: LED and 2D stuff。
I would suggest Ogre, but you already used that, so by my opinion, you are on the right track.
Look up 'billboards' in Ogre documentation, re: LED and 2D stuff.