index: add some notes
Signed-off-by: Sean Cross <sean@xobs.io>
This commit is contained in:
parent
a01702f0dc
commit
40f22ea04e
82
index.html
82
index.html
@ -42,32 +42,32 @@
|
|||||||
transition-timing-function: ease;
|
transition-timing-function: ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides > section[data-transition=zoomrev].past,
|
.reveal .slides>section[data-transition=zoomrev].past,
|
||||||
.reveal .slides > section[data-transition~=zoomrev-out].past,
|
.reveal .slides>section[data-transition~=zoomrev-out].past,
|
||||||
.reveal.zoomrev .slides > section:not([data-transition]).past {
|
.reveal.zoomrev .slides>section:not([data-transition]).past {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
-webkit-transform: scale(0.2);
|
-webkit-transform: scale(0.2);
|
||||||
transform: scale(0.2);
|
transform: scale(0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides > section[data-transition=zoomrev].future,
|
.reveal .slides>section[data-transition=zoomrev].future,
|
||||||
.reveal .slides > section[data-transition~=zoomrev-in].future,
|
.reveal .slides>section[data-transition~=zoomrev-in].future,
|
||||||
.reveal.zoomrev .slides > section:not([data-transition]).future {
|
.reveal.zoomrev .slides>section:not([data-transition]).future {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
-webkit-transform: scale(16);
|
-webkit-transform: scale(16);
|
||||||
transform: scale(16);
|
transform: scale(16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides > section > section[data-transition=zoomrev].past,
|
.reveal .slides>section>section[data-transition=zoomrev].past,
|
||||||
.reveal .slides > section > section[data-transition~=zoomrev-out].past,
|
.reveal .slides>section>section[data-transition~=zoomrev-out].past,
|
||||||
.reveal.zoomrev .slides > section > section:not([data-transition]).past {
|
.reveal.zoomrev .slides>section>section:not([data-transition]).past {
|
||||||
-webkit-transform: translate(0, 150%);
|
-webkit-transform: translate(0, 150%);
|
||||||
transform: translate(0, 150%);
|
transform: translate(0, 150%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides > section > section[data-transition=zoomrev].future,
|
.reveal .slides>section>section[data-transition=zoomrev].future,
|
||||||
.reveal .slides > section > section[data-transition~=zoomrev-in].future,
|
.reveal .slides>section>section[data-transition~=zoomrev-in].future,
|
||||||
.reveal.zoomrev .slides > section > section:not([data-transition]).future {
|
.reveal.zoomrev .slides>section>section:not([data-transition]).future {
|
||||||
-webkit-transform: translate(0, -150%);
|
-webkit-transform: translate(0, -150%);
|
||||||
transform: translate(0, -150%);
|
transform: translate(0, -150%);
|
||||||
}
|
}
|
||||||
@ -80,14 +80,18 @@
|
|||||||
<!-- Start of main presentation -->
|
<!-- Start of main presentation -->
|
||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="url">Slides: <a href="https://p.xobs.io/camp19/">p.xobs.io/camp</a> Software: <a href="https://fomu.im/camp19">fomu.im/camp19</a></div>
|
<div class="url">Slides: <a href="https://p.xobs.io/camp19/">p.xobs.io/camp19</a> Software: <a
|
||||||
|
href="https://fomu.im/camp19">fomu.im/camp19</a></div>
|
||||||
<span class="theme">CCC Camp 2019</span><span class="hashtag"> | #CCCamp</span><span class="twitter"> |
|
<span class="theme">CCC Camp 2019</span><span class="hashtag"> | #CCCamp</span><span class="twitter"> |
|
||||||
@tomu_im</span>
|
@tomu_im</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
<section>
|
<section>
|
||||||
<p>
|
<p>
|
||||||
Download Software from <a href="https://fomu.im/camp19">fomu.im/camp19</a>
|
Software is available on the USB drive marked "Fomu Workshop"
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Or, download software from <a href="https://fomu.im/camp19">fomu.im/camp19</a>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -95,7 +99,8 @@
|
|||||||
<h1>Fomu: An FPGA in your USB Port</h1>
|
<h1>Fomu: An FPGA in your USB Port</h1>
|
||||||
<h4>A whirlwind introduction to Fomu; a workshop in three levels</h4>
|
<h4>A whirlwind introduction to Fomu; a workshop in three levels</h4>
|
||||||
<p align="right">
|
<p align="right">
|
||||||
<small>Sean Cross - <a href="https://xobs.io/">https://xobs.io/</a> - @xobs</small>
|
<small>Sean "xobs" Cross - <a href="https://xobs.io/">https://xobs.io/</a> - @xobs</small>
|
||||||
|
<small>Tim "mithro" Ansell - <a href="https://github.com/timvideos/litex-buildenv/wiki/">https://github.com/timvideos/litex-buildenv/wiki/</a> - @mithro</small>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -109,6 +114,11 @@
|
|||||||
<li>FPGA / HDL</li>
|
<li>FPGA / HDL</li>
|
||||||
</ol>
|
</ol>
|
||||||
</p>
|
</p>
|
||||||
|
<aside class="notes">
|
||||||
|
The overarching idea behind Fomu is to take a top-down approach to hardware design. Start at
|
||||||
|
something familiar, such as Python, and keep drilling down until you are no longer interested in
|
||||||
|
going further.
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -118,6 +128,10 @@
|
|||||||
<li>What is an FPGA, and what is Fomu?</li>
|
<li>What is an FPGA, and what is Fomu?</li>
|
||||||
<li>Working with Fomu using Python, RISC-V, and HDL</li>
|
<li>Working with Fomu using Python, RISC-V, and HDL</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
<aside class="notes">
|
||||||
|
Broadly, this workshop will cover three parts: What do you need to get started with Fomu, what is an
|
||||||
|
FPGA and why is Fomu special, and finally how to work with Fomu at three different levels.
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -130,6 +144,11 @@
|
|||||||
<li>FPGA Toolchain</li>
|
<li>FPGA Toolchain</li>
|
||||||
<li>Python 3</li>
|
<li>Python 3</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
<aside class="notes">
|
||||||
|
You require all of the software on this list. This software is provided on the USB drive that's
|
||||||
|
provided, or you can get them from <a
|
||||||
|
href="https://github.com/im-tomu/fomu-toolchain/releases">https://github.com/im-tomu/fomu-toolchain/releases</a>.
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -137,14 +156,15 @@
|
|||||||
<section>
|
<section>
|
||||||
<h2>What is an FPGA?</h2>
|
<h2>What is an FPGA?</h2>
|
||||||
<img data-src="img/ice40-lut.png" alt="SB_LUT4">
|
<img data-src="img/ice40-lut.png" alt="SB_LUT4">
|
||||||
<!--
|
<aside clas="notes">
|
||||||
<p>
|
An FPGA is an array of gates that's field-programmable. A more useful definition might be "a
|
||||||
An FPGA is a chip that executes logic.
|
chip you can reconfigure". Most chips are collections of transistors that take two inputs and
|
||||||
</p>
|
have one output. FPGAs have collections of transistors that look like this -- they take multiple
|
||||||
<p>
|
inputs and produce multiple outputs. On Fomu, the basic building block is a 4-input 1-output
|
||||||
FPGAs are measured in resources called LUTs or LCs.
|
lookup table called an "LC4". These are so important to FPGAs that the part number usually
|
||||||
</p>
|
contains how many LUTs there are. The Fomu has a UP5K, which has about 5000 LUTs. The NeTV had
|
||||||
-->
|
an LX9, which had 9000 LUTs. The NeTV2 has an XC7A35T, which has 35000 LUTs.
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -265,6 +285,13 @@
|
|||||||
<td>?</td>
|
<td>?</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
<aside class="notes">
|
||||||
|
A LUT is a lookup table. The value of the output depends on the value of all the inputs. You can
|
||||||
|
make arbitrary boolean logic here. For example, we could make a LUT that performs the logical
|
||||||
|
AND of all the inputs, and set it so that it only outputs a "1" if all of the inputs are 1. Or
|
||||||
|
we can make a NAND gate by taking the inverse. Each one of those 5000 LUTs in Fomu has a truth
|
||||||
|
table like this that it evaluates in real time.
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -280,6 +307,11 @@
|
|||||||
endmodule
|
endmodule
|
||||||
</code></pre>
|
</code></pre>
|
||||||
<img class="fragment" data-src="img/verilog-synthesis.png" alt="Verilog Synthesis">
|
<img class="fragment" data-src="img/verilog-synthesis.png" alt="Verilog Synthesis">
|
||||||
|
<aside class="notes">
|
||||||
|
It gets really tedious to be thinking about lookup tables all the time, so humans created programming languages to do it for them. This is an example of Verilog code. It makes a simple counter that outputs the xor of some values.
|
||||||
|
|
||||||
|
In order to turn this Verilog code into actual LUTs, we run it through a synthesizer. Much like how a compiler turns programming language into CPU opcodes, a synthesizer turns Verilog code into lookup tables
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -533,7 +565,7 @@ $ dfu-util -D new-image.dfu # Load new program</code></pre>
|
|||||||
#define CSR_VERSION_GITEXTRA_ADDR 0xe000701c
|
#define CSR_VERSION_GITEXTRA_ADDR 0xe000701c
|
||||||
#define CSR_VERSION_GITEXTRA_SIZE 2
|
#define CSR_VERSION_GITEXTRA_SIZE 2
|
||||||
</code></pre>
|
</code></pre>
|
||||||
Excerpt from <code>csr.h</code>
|
Excerpt from <code>csr.h</code>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@ -697,7 +729,7 @@ defparam RGBA_DRIVER.CURRENT_MODE = "0b0";
|
|||||||
defparam RGBA_DRIVER.RGB0_CURRENT = "0b111111";
|
defparam RGBA_DRIVER.RGB0_CURRENT = "0b111111";
|
||||||
defparam RGBA_DRIVER.RGB1_CURRENT = "0b111111" ;
|
defparam RGBA_DRIVER.RGB1_CURRENT = "0b111111" ;
|
||||||
defparam RGBA_DRIVER.RGB2_CURRENT = "0b111111";</code></pre>
|
defparam RGBA_DRIVER.RGB2_CURRENT = "0b111111";</code></pre>
|
||||||
<p>SBTICETechnologyLibrary201504.pdf page 147</p>
|
<p>SBTICETechnologyLibrary201504.pdf page 147</p>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2>RGB Block</h2>
|
<h2>RGB Block</h2>
|
||||||
|
Loading…
Reference in New Issue
Block a user