Loading files
This file is pinned to the selected release. Download the original to open it in your design tool.
<html>
<link>
<title>splitflap</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css"></link>
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script src="js/three.js"></script>
<script src="js/WebGL.js"></script>
<script src="js/stats.min.js"></script>
<script src="js/STLLoader.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/url-search-params/index.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114293392-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114293392-1');
</script>
</head>
<body>
<div class="header">
<div class="content">
<div class="title_container">
<div class="title_left">
<div class="title">splitflap</div>
<div class="subtitle">DIY split-flap display by Scott Bezek</div>
</div>
<div class="title_right">
<a href="https://github.com/scottbez1/splitflap/">
<img src="img/GitHub-Mark-Light-64px.png" alt="View on GitHub" title="View on GitHub" class="github_link"/>
</a>
</div>
</div>
</div>
</div>
<div class="content">
<div id="error-container"></div>
<div id="viewer">
<canvas id="viewer_canvas"></canvas>
<div id="banner">Click to rotate. Scroll to zoom.</div>
</div>
<div id="main_body">
<h1>Welcome</h1>
<p>
This is a work in progress
<a href="https://en.wikipedia.org/wiki/Split-flap_display" target="_blank">split-flap display</a>.
Each module can flip between 40 unique characters: letters, numbers, and a few symbols. Multiple
modules fit perfectly alongside each other to build bigger displays.
</p>
<p>
The primary design goal was to make something that's possible to fabricate at home in small or
single quantities and can be customized and built by an intermediate hobbyist at a reasonable price.
This meant using widely available materials and avoiding any tooling with a high upfront cost.
</p>
<p>
Following that philosophy, the design uses store-bought vinyl stickers for the letters, is driven
by an ubiquitous and cheap 28BYJ-48 stepper motor, and uses common PVC ID badge cards cut to shape
for the flaps (though custom die-cut flaps are also
<a href="https://www.tindie.com/products/14844/">available</a>).
Even the enclosure, spool, and gears, which are all made from laser-cut MDF, can be easily ordered online.
</p>
<p>
This design is currently nearly stable. The source code in the
<a href="https://github.com/scottbez1/splitflap" target="_blank">git repo</a>
has been used to produce several working prototypes, and the v0.5 design is stable enough to
have fairly comprehensive
<a href="https://paper.dropbox.com/doc/Ordering-Splitflap-v0.5--ATdB3cgS5GyvwTWq1kpunkD4Ag-iCwwMo0hRkkAlwdutccWf">Ordering Instructions</a>
and an
<a href="https://paper.dropbox.com/doc/Splitflap-Kit-v0.5-Assembly-Instructions--ATc8SYKflDsThTsXGZiRPOyTAg-bxXJlke5ROmamcx4OH44r">Assembly Guide</a>.
Of course, as this is an open source side-project, you may still come across minor issues or
missing documentation.
</p>
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/vq4o_88kN8g" frameborder="0" allowfullscreen></iframe>
<h1>Open source, up to date</h1>
<a href="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/classic-schematic.pdf">
<img class="floater right_float" src="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/classic-schematic.png" title="Driver schematic"/>
</a>
<p>
All of the designs are <a href="https://github.com/scottbez1/splitflap/">open source</a>. The 3d
model is built using OpenSCAD, the driver electronics board is designed in KiCad, and the driver
firmware is written using Arduino.
</p>
<p>
Most of the supporting materials, like the
<a href="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/classic-schematic.pdf">schematic</a>,
<a href="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/splitflap-bom.csv">bill of materials</a>,
<a href="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/classic-jlc/gerbers.zip">PCB gerbers</a>, and
even the interactive 3D rendering seen above are
<a href="https://scottbezek.blogspot.com/2016/04/automated-kicad-openscad-rendering.html">generated
automatically</a> as the design changes, using Github Actions. This way you can always see the latest
designs, even without having to check out the git repo or install any software yourself.
</p>
<a href="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/classic-pcb-raster.png">
<img class="floater left_float" src="https://s3.amazonaws.com/splitflap-artifacts/master/electronics-classic/classic-pcb-raster.png" title="Driver PCB design"/>
</a>
<p style="clear: right;">
I'd love to hear your thoughts and questions about this project, and happy to incorporate any
feedback you might have into these designs! Please feel free (and encouraged) to
<a href="https://github.com/scottbez1/splitflap/issues/new">open GitHub issues</a>, email me
directly, <a href="https://twitter.com/scottbez1">reach out on Twitter</a>, and
<a href="https://github.com/scottbez1/splitflap/pulls">get involved in the open source development
</a> and let's keep chatting and building together!
</p>
<h3>License</h3>
<p>
This project is licensed under Apache v2 (see
<a href="https://github.com/scottbez1/splitflap/blob/master/LICENSE.txt">LICENSE.txt</a> for full
details).
</p>
<pre>
Copyright 2015-2021 Scott Bezek and the splitflap contributors
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
</pre>
<br><br>
<p id="footer">
Designed by <a href="https://scottbezek.blogspot.com/">Scott Bezek</a>, 2016.
</p>
</div>
</div>
<script src="js/viewer.js"></script>
</body>
</html>
22e2682c0This file is pinned to the selected release. Download the original to open it in your design tool.