资讯频道 → Web前端
阅读更多

7顶
3踩

Web前端

转载新闻 Radi：Mac上的HTML5可视化网页编辑器

2011-08-04 10:44 by 副主编 wangguo 评论(2) 有6576人浏览
HTML5 Radi Mac 网页编辑器
Radi是一个Mac平台上的网页制作工具，以用来制作各种可视化内容，比如图片、动画、视频、曲线图、JavaScript等。


Radi的特点如下：

为HTML5度身打造

有了Radi，即便不会写代码你也可以制作HTML5网页， Radi从一开始就可以让你充分利用HTML5的功能，比如多媒体支持和即时图案等，对video 和canvas 元素的支持非常好。

Radi另一个独特之处就是会把可编辑内容和用来渲染内容的HTML元素分开。当你制作向量图形和动画的时候无需 立刻决定是否以视频文件或动画的形式来展现。比如当你创建了一个复杂的向量动画后，发现在手机上渲染太慢，你可以通过将部分内容欲渲染成视频文件进行加速，在这种情况下，你就可以通过点击video元素把内容层拖到里面即可。



以下是通过三种不同技术渲染同一匹马的例子：

  • <canvas>：完全通过canvas向量图形元素渲染。
  • <video>：通过video元素和一个模糊过滤器完成。
  • 动画：和第一种一样，但通过按钮来控制风向。
简单的向量图形

智能手机和平板电脑的兴起对网页内容提出了新的挑战，而向量图可以适应各种大小的显示屏。

Radi支持canvas网页图形标准，所以你可以对向量图和位图进行自由组合。



网页视频唾手可得

由于浏览器支持的视频格式不统一，所以通过HTML5发布视频并不容易。但Radi支持多种视频格式（H.264，WebM / VP8和Ogg Theora）。

流畅的动画



在Radi中实现动画效果很简单，打开一个图层，点击时间线上的帧，修改图层属性既可以自动生成关键帧。Radi还有一个浮动的曲线编辑器，可对动画时间进行更精确的控制。

精美的视频效果



Conduit是一个强大的可视化环境，可用来生成即时视频过滤器和其他效果。Radi提供了多种使用Conduit的方法。

Radi和Conduit充分利用电脑中的图形编程单元（GPU），让即时效果速度更快，无需等待即可完成过滤器渲染。

有趣的图形编程

HTML5里面的Canvas API可用来制作互动图形。只要你掌握了JavaScript，就可以制作各种生动的图形。



Radi的开发者是Pauli Olavi Ojala。该应用目前在测试阶段，你可以在这里免费下载。

  • 大小: 35.3 KB
  • 大小: 154.2 KB
  • 大小: 161.5 KB
  • 大小: 46.5 KB
  • 大小: 44.1 KB
  • 大小: 47.5 KB
来自: 36氪
7
顶
3
踩
评论 共 2 条 请登录后发表评论
2 楼 happinesss 2011-08-05 16:00
eclipse 有这功能就好了
1 楼 java-boy 2011-08-05 11:23
好东东。。。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Radi.jl:Radi.jl

    Radi.jl Julia的一维React性-对流-扩散-灌溉成岩沉积模块。 指示 仍在进行中，但可以达成。 在Julia中运行模型 准备一个设置脚本（例如 ），其中包含要研究的问题的初始条件。 在主要代码的顶部include此脚本。 ...

  • 可视化论文分享1——Edit-History Vis: 对于维基百科编辑历史的可视化探索与分析

    这个数据挺庞大的，他们做了一个细分，显示的是句子级别的修改可视化，然后抓住四种修改方式：插入，删除、修改、移动（这个没怎么见到过），用图形来代表含义，主要抓住一个可以分析编辑冲突，让用户去交互探索发现...

  • lenove 联想 X3650 M5 RADI5 驱动

    lenove 联想 服务器 X3650 M5 RADI5 驱动 windows 32-64 驱动型号：6.710.11.00

  • HTML5动画软件工具编辑器 HTML5动画分类 工具推荐

    接下来介绍几款制作HTML5动画的工具，它们可以分为几类： 1、导出canvas动画： Flash CC(13.1)、Animation、Radi 2、导出DIV+CSS3动画： HTML5 Maker、Edge Animation、Tumult Hype、Nodefire 3、导出SVG...

  • NeotokyoMod:原始的 neotokyo mod 是由 Studio Radi8 提供的 - http

    新东京Mod Studio Radi8 的原创 Neotokyo mod -

  • html5编写网页精灵,html5 动画精灵

    HTML5动画软件工具编辑器 HTML5动画分类 工具推荐 接下来介绍几款制作HTML5动画的工具,它们可以分为几类: 1.导出canvas动画: Flash CC(13.1).Animation.Radi 2.导出DIV+CSS3动画: HTML5 Make ... 精妙无比 8款HTML5...

  • Radi html5 editor

    Radi是一个Mac平台上的网页制作工具，以用来制作各种可视化内容，比如图片、动画、视频、曲线图、JavaScript等。 Radi的特点如下： 为HTML5度身打造 有了Radi，即便不会写代码你也可以制作HTML5网页， Radi...

  • radi虫

    radi虫从Wnyc抓取放射性实验室情节的过程。

  • Montblanc-responsive:Ovo stvarno radi

    Montblanc-responsive:Ovo stvarno radi

  • 【matplotlib】可视化解决方案——如何正确使用分割画布函数

    概述 在使用 matplotlib 库进行数据可视化的过程中，我们都离不开一个重要载体画布（Figure）。一个 Figure 对象是所有绘图元素的顶层容器，想要实现画布的合理使用，分区使用必不可少。这里引入了一个新的概念：子...

  • 前端提高篇(六十五)：HTML5练习1：个性音乐播放器（二）

    面板中间的进度条随时间前移 在计时器中需要使用总时长来计算当前进度条的width，不必要每次计时器工作都要获取一次duration，所以在oncanplay时，获取一次，并赋值给全局变量即可 刷新的时候pro-activate宽度为0，...

  • ie322-s20-guiapp-Radi-1-master：1846811

    ie322-s20-guiapp-Radi-1 GitHub Classroom 1846811创建的ie322-s20-guiapp-Radi-1

  • 国外用html5开发游戏,10个国外开发的HTML 5精彩应用

    在HTML 5未成熟应用的时候，流媒体播放等一些精彩应用必须借助第三方软件才可以实现，比如Flash等。但是现在HTML 5已经将其超过，它不但可以播放视频和音频，而且还可以开发出各种网络在线应用程序，如标识的地理...

  • html5 图片随机出现,HTML5 随机生成灰色斑点分布（泊松分布）

    JavaScript语言：JaveScriptBabelCoffeeScript确定var Poisson = function(exports) {var width, height, grid;function distribute(count, radius, w, h) {width = w;...var cellSize = exports.cellSize = radi...

  • 标量非粒子在高能对撞机上对希格斯-radi产生的影响

    详细研究了标量非粒子在高能对撞机上对希格斯-radi产生的贡献。 我们评估了电子-正电子（e + e-），光子-光子（γγ）和胶子-胶子（gg）碰撞中的生产截面，这些截面在很大程度上取决于碰撞能量s，非粒子的尺度尺寸...

  • html5手指测速,网速html5网速测试进度条代码

    TM5网速测试进度条代码   !octype htlt;&amp;l   hml  ang z"&gt;&amp;  ;head&gt;&amp; t et charset="UTF-8"gt;&amp;  me  h ttp-quiv= X-A-C...

  • 数分1.11Tableau安装及使用教程

    数分1.11Tableau安装及使用教程

  • 软考信息系统运行管理员：涵盖信息系统运维、安全、架构及技术标准的多维考核

    内容概要：本文主要围绕着计算机信息系统运行管理员考试展开讨论，详细介绍了有关信息系统在运维中的各种问题及其应对方案。具体而言，文中不仅列举出了不同类型的信息系统对其本身的要求，而且还深入探讨了运维管理中面临的挑战和技术手段。另外，文章特别提及了一些特定类型的系统（例如政府系统和财务管理等），并指明在面对它们时需要考虑的安全级别、稳定性等关键要素；同时也强调了良好的文档管理和合理的设施运维对象划分，以及软硬件的选择与维护。同时文章还讲解了多种工具的作用（比如Nagios），以及硬件如计算机机房和UPS的具体规格和要求；并且讲述了关于变更管理和发布管理等的概念与实际应用场景。此外，在最后一部分内容里也谈到了云架构及其各个构成部分。 适用人群：本文适合即将参加软考信息运行管理员认证的专业人士，也适用于希望深入了解信息系统运作、管理和维护的技术从业者和相关领域的管理人员。 使用场景及目标：本资料旨在辅助考生掌握信息系统的高效、稳健地构建与运营所需的知识和技术，帮助他们顺利通过软考的同时提升实战经验；同时也为企业信息化建设提供了宝贵的理论基础和实践指南。 其他说明：虽然本文聚焦于特定职业资格证书

  • 伪知识图谱：元路径引导检索与图内文本技术，助力RAG增强型LLM

    大型语言模型（LLMs）的出现彻底改变了自然语言处理。然而，这些模型在从大量数据集中检索精确信息时面临挑战。检索增强生成（RAG）旨在通过结合外部信息检索系统来增强LLMs，从而提高响应的准确性和上下文性。尽管有所改进，RAG在高容量、低信息密度数据库中的全面检索仍然存在困难，并且缺乏关系意识，导致答案碎片化。 为了解决这一问题，本文介绍了伪知识图谱（PKG）框架，该框架通过集成元路径检索、图内文本和向量检索到LLMs中，旨在克服这些限制。通过保留自然语言文本并利用各种检索技术，PKG提供了更丰富的知识表示并提高了信息检索的准确性。使用Open Compass和MultiHop-RAG基准进行的广泛评估表明，该框架在管理和处理大量数据及复杂关系方面具有有效性。

Global site tag (gtag.js) - Google Analytics