[小游戏]Final Ninja – 最终忍者

FROM:http://jandan.net/2010/02/22/final-ninja.html

很不错的一个小FLASH游戏哦,现在FLASH游戏的质量是越来越好咯~~整个游戏的质感和手感都很不错。特别是带绳子飞镖的感觉。。哈哈哈

最近介绍太多杀脑细胞的游戏了,换下口味。Final Ninja 是个画面精致的平台游戏。操作简单:A D(或左右方向键)是控制人物左右,W (↑)是跳跃,按住 S(↓)是隐身。左键放出飞镖,按住左键可以发出带有绳子的飞镖,可以用它攀爬飞越。

大概玩了一下,发现 Final Ninja 的细节非常赞。

link

[说说]-一个可以帮你的网站朗读文章的小东东

这是一个使语音技术能在互联网更广泛的应用。每一个页面,只要加入一段javascript脚本就能使用,由播放器来朗读出文章,经过1个多月的努力,终于初步实现的功能,首先在数字报纸上使用:

 

sayso.JPG

      效果还不错,使用了1Pix Player作为音频播放器,进一步的设计和重构正在进行中。大家有什么想法和建议欢迎留言。

      以下是Sample: http://ctdsb.cnhubei.com/html/ctdsb/20080322/ctdsb293789.html (标题下面的播放器)

      任何网站或者使用web作为界面的程序都可以使用,使用的方法是:

      1) 在你想出现播放器的地方插入一个层:    <div id="speech_player" name="speech_player"></div> 层的id可以自己定。

      2)把以下代码放在</body>前面:

        <script type="text/javascript" src="http://speech.w3cool.com/swf/speech.js"></script>
        <script type="text/javascript">
        var _scid = "copytext";    // 你希望朗读的文章块的id;
        var _spid = "speech_player";   //显示播放器的id; 
        speaker();
        </script>

 

自定义播放器颜色的办法:

播放器的图例:

调用方法不变,还是

1) 在你想出现播放器的地方插入一个层:    <div id="speech_player" name="speech_player"></div> 层的id可以自己定。

      2)把以下代码放在</body>前面:

<script type="text/javascript" src="http://speech.w3cool.com/swf/speech.js"></script>
<script type="text/javascript">
 var _scid = "copytext";    // 你希望朗读的文章块的id;
var _spid = "speech_player";   //显示播放器的id; 
_sp_bg = "0xCDDFF3";   //修改成你想要的颜色
_sp_leftbg = "0x357DCE";
_sp_lefticon = "0xF2F2F2";
_sp_rightbg = "0x357DCE";
_sp_rightbghover = "0x4499EE";
_sp_righticon = "0xF2F2F2";
_sp_righticonhover = "0xFFFFFF";
_sp_text = "0x357DCE";
_sp_slider = "0x357DCE";
_sp_track = "0xFFFFFF";
_sp_border = "0xFFFFFF";
_sp_loader = "0x8EC2F4";

speaker();
</script>

最近在不少站点都看到这个东东,觉得挺有意思,就拿来和大家分享. 我测试了一下 FIREFOX下的声音是变形的。。就像是快放一样。。。而IE下正常哦~~~要测试的朋友记得用IE!!

 

FROM http://www.w3cool.com

 

环保主义地图-breathing earth

最近果冻做了些与环保有关的东西,找到这么个网站。。收藏下先。。

集合了人口出生率、死亡率以及各国co2排放量数据的一款Flash地图,有几个地方是比较闪光的,地图上我国、印度和非洲一些国家,不断闪烁(标示有新的生命诞生,同时也有一些生命消逝)

另外一个,左下角实时更新从你进入该图起的出生人数、死亡人数和总Co2排放量

据作者称,所有数据采自06年8月份

[来源]

65个最好的FLASH设计赏析

65个最好的FLASH设计赏析 

With Flash you can do more than just displaying videos. You can create stunning visual experience and offer your visitors incredible user interaction. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages and it empowers the Web with functionalities which make it an incredibly interactive medium. With Flash designers can achieve results which simply aren’t possible with (X)HTML and CSS.

The results can be creative, impressive, beautiful and fascinating. Under two conditions: 1) if designers find the right mixture between graphics, animation, video and sound and 2) if designers follow the guidelines of usability and user interaction.

However, since there is a number of things that can go wrong in Flash, it’s easy to get it wrong. In fact, there are thousands of examples where it is the case. In Flash any experiments with navigation and layouts are possible and in most cases it’s extremely hard to find a creative yet intuitive approach. Flash is commonly used by designers, agencies, advertisers and interactive web sites, and not on the sites where simplicity and quick access to information are important.

In this post we present 65 examples of outstanding Flash designs with excellent use of graphics, visual elements, interface design and graphics motion. This showcase (mostly) presents “pure” web designs; we’ve tried to avoid Flash-based games and advertising.

Mistake #1: Use Of Flash To Imitate (X)HTML/CSS

Flash shouldn’t be used if the designer tries to imitate (X)HTML/CSS-presentation. Long texts shouldn’t be embedded in Flash movies, because it’s harder (if possible at all) to work with the embedded text once you need to. Cubamoon is a perfect example of how this is done wrongly. The completeness of the design is enviable, its beauty irresistible, Flash-effects are stunning. However it’s really hard to work with the content of the site. Visitors can’t open links in new windows and the text can’t be selected and copied.

Cubamoon

Flash’s strength lies in its ability to showcase unusual visual solutions, including graphic motion, videos and sound. Make use of them if you really want to achieve a stunning visual design, instead of imitating “conventional” web-presentation.

Mistake #2: Navigation Is Unintuitive

Whatever decisions developers make for the design of their navigation menus, the result has to fulfill three significant requirements: it has to be intuitive, easy-to-use and work properly. Whether the design is Flash-based or not is not that important.

Flash Screenshot

The navigation is possible with the wheel which needs to be dragged. That looks easy, but it isn’t. Where is the grey zone between usability and creativity?

Using too creative approaches designers risk to confuse or even disturb visitors. The freedom for experiments with Flash may lead to unusual solutions which aren’t necessarily understood by all visitors.

Therefore designing in Flash never assume that the navigation can be arbitrarily complex and that visitors will take time to explore it. Users don’t like to wait. And if they don’t understand how the site works they leave. This is simple. And may cost you your money and your efforts. Be willing to compromise. Use creative approaches, but always take your visitors into consideration.

Mistake #3: Pop-Ups Are Still Used

Flash Screenshot

That’s just wrong. Flash designers need to understand that pop-ups shouldn’t be used any longer. Almost every browser blocks opening windows. Tricks and convincing arguments don’t help any more. Use the screen size your visitors use. In most cases you don’t need more.

Gallery

What is your favorite?

3D-Experience, Video-Effects

Flash Screenshot

3D, motion.

Flash Screenshot

Outstanding 3D-experience with informative and clear content.

Visiting the agency’s web-site you actually visit their agency. Clean images, great use of video features.

Flash Screenshot

Video motion, Multimedia, Navigation. Tell your visitors your story. Excellent portfolio site. Excellent use of Flash.

Flash Screenshot

Open up the containers to navigate. Beautiful.

Flash Screenshot

Simple, but extremely clean and calm. Showreel is just stunning.

Flash Screenshot

Impressive visual experience.

Flash Screenshot

Would you like a guided tour through this building?

Flash Screenshot

Outstanding effects with videos and camera lenses.

Flash Screenshot

Listen to what the suitcase says.

Flash Screenshot

OK, this is a shop. But what is happening here, the models are interacting.

Flash Screenshot

This is the visualization of a single by the band SWOD. It is called Waltz 57; the noise is also included in the single. Beautiful graphic motion. Built only with Flash and takes time to load. Better take a look at the video in small resolution.

Flash Screenshot

Excellent graphic motion.

Flip the book to navigate. Impressive 3D-effects.

Visual Elements

Flash Screenshot

Learn how to make a good fir
st impression.

Flash Screenshot

Crazy, interactive, unusual – creative!

Flash Screenshot

Clean and interactive presentation at its best.

Flash Screenshot

The portfolio is presented as a box of chocolates; every item can be picked, previewed and added to the lightbox for later.

Flash Screenshot

This projection screen can be set in motion.

Flash Screenshot

Follow the infinite red line (click on the screen first).

Flash Screenshot

An agency’s web-site doesn’t have to be boring. These guys seem to be hilarious.

Flash Screenshot

Portfolio designed as a… bus.

Flash Screenshot

Excellent photography and visual elements.

Flash Screenshot

The dropping down heaven. Every block is a single drop-down menu.

Flash Screenshot

The Funnel Design Group. A classic.

Clean, Clear and Simple

Flash Screenshot

Calm, peaceful, beautiful.

Flash Screenshot

Silent, but so clean and elegant.

Flash Screenshot

Calm and so beautiful. 3D-interaction in the Chromazone universe.

Flash Screenshot

Minimalistic, interesting navigation; precise and sharp.

Flash Screenshot

Minimalistic and beautiful, a portfolio.

User Interface, Navigation

Desktop in Flash. Very elegant solution.

Flash Screenshot

Navigation with colored stickers.

Flash Screenshot

Tremendous graphic design, and beautiful navigation – flashy!

Flash Screenshot

d’strict uses some kind of a bubble-lupe as site’s primary navigation. To navigate you have to drag the bubble upon the layout. And no, the design is based neither upon grids nor upon columns. Explore.

Flash Screenshot

A circular navigation.

Flash Screenshot

Click on the ribbon and it flashes right to you preloading the content you’d like to see.

Flash Screenshot

Drag & Drop navigation

Flash Screenshot

So beautiful, so elegant, so clean and interactive.

Flash Screenshot

What could it be? Well, this is an image gallery. Unusual navigation – you need to be really desperate about your navigation to come up with this method.

Flash Screenshot

Classic, navigation through CDs.

Flash Screenshot

Where is the navigation? On the right side at the top of the layout. To browse through categories you need to “switch a channel” like you would do it in your radio set. Nice idea from Switzerland.

Flash Screenshot

Moon Palace offers a quite imaginative navigation.

Flash Screenshot

Pick the category from a set of discs. Interesting navigation, and also beautiful.

Flash Screenshot

Yammat: Navigation with elastic bands.

Flash Screenshot

Another interesting concept by Limbus from France.

Flash Screenshot

Flash Screenshot

Beautiful navigation and interesting presentation. And we really love big typography.

Flash Screenshot

…we also love lemons by the way.

Experimental

Flash Screenshot

Kashiwa Sato loves color palettes. Do your eyes too?

Flash Screenshot

This damn pencil can make you nervous.

Flash Screenshot

OK, this is scary. And not beautiful. But the use of visual elements on Marilyn Manson’s official web-site is… well, unusual.

Flash Screenshot

Self-portrait of a quite different art.

Flash Screenshot

HiFi Rack.

Flash Screenshot

Pixel-based Flash design created with the attention to smallest details. Unfortunately, there are sometimes too many pixels. Flash keeps the pixels alive – nice approach.

Flash Screenshot

He doesn’t exist. Monoface’s face shuffle. We simply couldn’t resist.

Flash Screenshot

Mohamed Yosry uses Flash in his own way. Not stunning, but unusual.

Flash Screenshot

Kimm Saatveldt presents his portfolio in a rather unusual way. Place the mouse in the middle of the page to navigate.

Flash Screenshot

HBO Voyeur. A classic you really need to have seen — at least once in your life.

Flash Screenshot

An unusual format for portfolio of a web design agency.

Flash Screenshot

Why not? Web-site as a newspaper.

Flash Screenshot

Flash design from the 90s. Old, but still impressive. This text editor software is actually still in use.