Skip to content

jQuery Plugin for Anaglyph effect. Simple way. Generate Anaglyph website.

Notifications You must be signed in to change notification settings

takeruts/anaglyph

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 

Repository files navigation

anaGlyph()

  • jQuery Plugin for Anaglyph effect

  • 3D effect by Red/Cyan Anaglyph glasses

  • Easy to use : Just put Selector on API

  • アナグリフ(赤青メガネで見る立体画像)に変換するjQuery用のプラグイン。

  • セレクタを指定するだけで、その部分がアナグリフになります。  

Usages

$("div").anaGlyph();

  • You can scale 3D effect with Depth3D parameter by (px). Default set to 24px. Negative Number will result Dent 3D effect.
  • 立体を大きくしたい場合は、Depth3Dで指定。デフォルトは、12px 。マイナスの数字で、凹んだ立体画像になる。

$("div").anaGlyph({Depth3D:36px});

  • アナグリフ用の眼鏡は、市販されていますし、セロハンで作ることも可能です。

Sample

<!DOCTYPE html>
<html lang="ja">
<body>
<main>
    <h1>anaGlyph Sample Code</h1>
</main>

<script type="text/javascript">
  $(window).load(function(){
      $('main').anaGlyph();
  });
</script>
<script type="text/javascript" src="anaglyph_plugin.js"></script>
</body>
</html>

About

jQuery Plugin for Anaglyph effect. Simple way. Generate Anaglyph website.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published