gizmó / sidenote

Archívum

A(z) „gizmó” kategória bejegyzései

Hartverdrahtet – Csoda 4 kilobájtban

2012. május 10. 18:08

animáció, gizmó, művészet, dizájn, szoftver, zene

Worthy winner of the PC 4kB intro competition at Revision 2012 and latest example of the compact-coding tradition exercised within the demoscene, Hartverdrahtet by Akronyme Analogiker is a three minute long audio-visual trip into a procedural fractalverse, compressed into a minuscule piece of software. No bigger than 4069 bytes – less than an empty Word document, as demoscene activists like to point out – the executable file contains all the mathematics needed to generate the unfolding visual complexity and audible ambience upon a double-click. A solo effort by a talented coder who calls himself Demoscene Passivist, Hartverdrahtet reveals a mesmerizing cosmos observed through what could be an electron microscope – ethereal, greenish and a little eerie.

The real magic is in the lingo: “It’s a mix of shere-tracing, fake ambient occlusion and a lot of post-processing. And it took me nearly two months to complete it,” the programmer and recipient of last year’s ‘Echtzeit Newcomer Award‘ reveals on his Tumblr. “The shader basically encapsulates a sphere-tracing based raymarcher for a single fractal formula with camera handling. An extra post-processing shader adds effects like god-rays, tv-lines and noise to make the result look more interesting and less ‘sterile’. The different intro parts are all parameter and camera position variations of the same fractal.”

[…]

Hartverdrahtet – Infinite complexity in 4096 Kilobytes

És itt a lényeg, a teljes videó.

Elképesztő!

videó

0 komment

Raspberry Pi

Írta: szantaii

2012. május 10. 10:49

gizmó, hardver, Linux, szoftver

Biztos hallottatok már a Raspberry Piról. Az úgy volt, hogy első nap rendeltem egyet.

Szóval, február végén, az indulás reggelén (7-kor) ott ültem a gép előtt, és próbáltam magamnak szerezni egyet, közben chateltünk az egyik volt tanárommal, hogy ki hol tart éppen a rendelésben, melyik terjesztő oldala elérhető, illetve elérhetetlen (mindkét nagy terjesztő szerverei lehaltak). Néztük a hivatalos Twitter feedet, nyomtuk egymásnak az infókat. Igazi „hajsza” hangulata volt a dolognak.

A vége az lett, hogy Gábor a Farnellnél, én pedig az RS Componentsnél adtam le a rendelésemet. Gábor a héten megkapta az övét, nekem meg RS Components még válaszolni sem igazán hajlandó, hogy hol állok a várakozási sorban. Most ott tartok, hogy már a nemzetközi és a brit RS-nek is írtam. Egyelőre semmit sem tudok, viszont egyre inkább kezdem elveszíteni bennük a hitem. De ennyit erről, és most jöjjön a lényeg.

A képen Gábor Raspberry Pi-ja látható. Tegnap bementem a tanszékre lecsekkolni. Valóban egy bankkártya méretű, lenyűgöző kis cucc. Gyorsan be is bootoltunk egy OpenELEC-et.

Open Embedded Linux Entertainment Center, or OpenELEC for short, is a small Linux distribution built from scratch as a platform to turn your computer into a complete XBMC media center. OpenELEC is designed to make your system boot as fast as possible and the install is so easy that anyone can turn a blank PC into a media machine in less than 15 minutes.

Szépen bejött az XMBC, de már a menű szaggatott, és ~80%-on zabálta a procit. Több, mint valószínű, hogy szoftver renderinget láttunk. Szóval még nem tökéletes, közel sem. Videólejátszás közben a proci egyáltalán nem dolgozott, viszont az 1080p-s Ötödik elem teljesen darabos volt. Több, mint valószínű, hogy driver gond. :)

Aztán bebootoltuk (volna) az előre elkészített, és használatra ajánlott Debian image-et, de kernel panicba ütköztünk.

Minden jel szerint nem volt jó neki a noname SD kártya. Kicsit finnyás szegénykém, de sebaj. Másik SD kártyáról simán elindult a cucc. Igazából csak arra voltam kíváncsi, hogy van-e hozzá valami repó is, vagy egy Debian image és kész. Jelentem, repó van, ez nagyon biztató! Feltettünk hát egy VLC-t, de elindulni már nem volt hajlandó. :) Elég béta még, de nem vagyok telhetetlen, mert amint elkezdik nagy tételben gyártani és kiszállítani (remélem nekem is) a Raspberry Pi-t, úgy fog nőni a hozzájárulások száma.

Jó lett volna megnézni az Arch Linux ARM-ot, de sajnos erre már nem volt időnk. Remélem jövő héten még lesz erre alkalmam.

1 komment

Firefox 3D Dev View Space Invader

Írta: szantaii

2012. március 24. 13:57

alkotunk, gizmó, szoftver

Találtam reggel egy érdekes hacket a neten (katt vagy tapp a képre):

Megtetszett, szóval elkészítettem a sajátomat. Ugyan ez jóval egyszerűbb, de az enyém!

Kép és videó:

Zene: Lee Rosevere – Multivac (Album: Asimov (music inspired by the writings of), licenc: Attribution-NonCommercial-ShareAlike.)

Vimeon is elérhető.

0 komment

GIF VS APNG

Írta: szantaii

2012. március 19. 19:45

gizmó, szoftver, void *

Aki ide a sidenote-ra téved, láthatja a jobb felső sarokban úszó glidereket. Korábban hallottam az APNG (Animated Portable Network Graphics) formátumról, ezért gondoltam, hogy az animgifből csinálok APNG-t.

The Animated Portable Network Graphics (APNG) file format is an unofficial extension to the Portable Network Graphics (PNG) specification. It allows for animated PNG files that work similarly to animated GIF files, while supporting 24-bit images and 8-bit transparency not available for GIFs. It also retains backward compatibility with non-animated PNG files.

APNG – Wikipedia

Először a meglévő gifből szedtem ki az egyes frame-eket, majd a kíváncsiság kedvéért, hogy működik-e, a fehér hátteret kicseréltem átlátszóra, végül újra összefűztem a képkockákat immár egy animált png-vé.

1
2
3
4
5
6

gifsicle --explode gliders.gif
for i in {0..9} ; do convert gliders.gif.00${i} -transparent white frame00${i}.png ; done
for i in {10..29} ; do convert gliders.gif.0${i} -transparent white frame0${i}.png ; done
optipng -o7 *.png
ls *png > frames.txt
java -jar ~/Downloads/japng/japng.jar -frames frames.txt -display 100 -out gliders.apng

A kész képet feltöltöttem az oldalra, átírtam a CSS-t, és egy teljes reload után, már az animált png gliderek másztak a jobb felső sarokban. Mint minden változtatás után megnéztem a sidenote-ot más böngészőkben is, és sajnos azt tapasztaltam, hogy sem Internet Explorerben, sem Chrome-ban, illetve Safariban nem működik az APNG. Rákerestem az APNG támogatásra neten, és az alábbi táblázatra bukkantam:

Forrás: APNG – Wikipedia

Ezt látva letettem az animgif apng-re való cseréjéről, de az érdekesség kedvéért feltöltöttem ide az elkészült változatot is. Sorban: az eredeti animgif (6 782 bájt), apng (3 415 bájt).

Minden reményem az animált svg-ben van.

Animált SVG (5 306 bájt). Forrás: File:Soccer ball animated.svg – Wikipedia.

1 komment

OS/2 Warp 4: egy kis nosztalgia

Írta: szantaii

2012. február 18. 14:44

gizmó, szoftver

A WARP család további tagokkal bővült, utolsó verziója a WARP 4, mely újabb áttörés volt az operációs rendszerek piacán. Miközben megőrizte az OS/2-re jellemző masszív, roppant üzembiztos felépítését, olyan kényelmi funkciókkal bővült, amelyek segítik és gyorsítják a munkát. (Pl. a VoiceAssist – a szövegszerkesztő beszéd után készíti a szöveget, teljesen szükségtelenné válik a billentyűzet, vagy a Netscape Navigator, amely az interneten való barangoláshoz használja a hangvezérlést.)
Ma már nem árulja az IBM az OS/2-t, és a támogatását 2006 végén megszüntette.

Időutazás a ZX81-től napjainkig (2.) – LOGOUT.hu

Nem tudom mit írhatnék… Az OS/2 rendszerek megelőzték a korukat. Egyszerűen gyönyörű.

További leírások, képek, unofficial support:

0 komment

Ubuntu HUD

Írta: szantaii

2012. január 24. 18:35

gizmó, Linux, szoftver

Itt az újabb magic! Még a héten lecsekkolom, de most legyen elég egy screenshot és egy videó Mark Shuttleworth-től.

This is the HUD. It’s a way for you to express your intent and have the application respond appropriately. We think of it as “beyond interface”, it’s the “intenterface”. This concept of “intent-driven interface” has been a primary theme of our work in the Unity shell, with dash search as a first class experience pioneered in Unity. Now we are bringing the same vision to the application, in a way which is completely compatible with existing applications and menus.

Mark Shuttleworth » Introducing the HUD. Say hello to the future of the menu.

Nem tudom, hogy sírjak-e vagy nevessek, mindenesetre egy 720p-s videónak jobban örültem volna.

Ubuntu

0 komment

Apollo 11 Lunar Landing Visualization, 1969 (2011)

Írta: szantaii

2012. január 9. 22:11

gizmó, ismeretterjesztő

MIT Laboratory for Automation, Robotics, and Society
Directed by David Mindell

Visualization Design: Yanni Loukissas
Research Assistant: Francisco Alonso

The Apollo 11 visualization draws together social and technical data from the 1969 moon landing in a dynamic 2D graphic. The horizontal axis is an interactive timeline. The vertical axis is divided into several sections, each corresponding to a data source. At the top, commentators are present in narratives from Digital Apollo and NASA technical debriefings. Just below are the members of ground control. The middle section is a log-scale graph stretching from Earth (~10E9 ft. away) to the Moon. Utterances from the landing CAPCOM, Duke, the command module pilot, Collins, the mission commander, Armstrong, and the lunar module pilot, Aldrin, are plotted on this graph. The graph is partially overlaid on a composite image of the lunar surface. Data from the Apollo computer systems, the DSKY (display/keyboard interface to the Apollo computer) and the AGC (Abort Guidance Computer) occupies the bottom of the visualization. Each circle on the graph represents an utterance by one member of the team or ground control, with the size of the circle proportional to the length of the utterance. Lines connecting subsequent utterances represent inquiries and responses between team members. Specific events are labeled, such as computer program changes and program alarms. During a real-time playback, the white line moves across the horizontal axis as audio plays, and the crew’s specific utterances are spelled out to the right. In sync with the human dialog, the AGC and DSKY display values and modes. In these dynamics, one can trace the trading of workload and authority during the critical final phases of landing, and how that workload was offloaded from the lunar module to Houston in response to the program alarms.

Apollo 11 Lunar Landing Visualization, 1969 (2011)

0 komment

Néhány dolog a hyperref csomaggal kapcsolatban

Írta: szantaii

2012. január 7. 22:29

gizmó, ismeretterjesztő, munka, szoftver

Ez azoknak szól, akik – hozzám hasonlóan – sokat szoptak már a hyperref csomaggal.

Szeptemberben volt egy alkalom, amikor fekvő A4-es méretű lappal kellett dolgoznom. Ez eddig nem ügy, amíg később rá nem jöttem, hogy kell nekem hyperref is. Betöltöttem hát. Ekkor borult fel minden, mert az elkészült oldal valami félig fekete, álló A4-es dokumentum lett. Alászálltam a net legmélyebb bugyraiba, ahol megtaláltam a választ a kérdésemre. Először töltsük be a hyperref csomagot a setpagesize=false opcióval és csak aztán a geometry-t.

1
2
3

\documentclass{memoir}
\usepackage[setpagesize=false, xetex]{hyperref}
\usepackage[a4paper, landscape, xetex]{geometry}

Ma pedig nekiálltam review-olni egy egy évvel korábbi projektemet. Egy darab kommentet nem írtam hozzá, úgyhogy ezzel el is ment a napom nagy része. Aztán ugyanabba a problémába ütköztem, amibe már egy évvel ezelőtt is. Vagyis a kész PDF-ben az összes bookmarkot egyetlen láncba fűzve, nem pedig szép fát találtam. Újfent alászálltam a mélybe, és egy Debian maintenance levlistán találtam meg a megoldást.

“magyar.ldf” redefines most of the essential commands
that also hyperref must change. A patch would have to
include many of hyperref/driver stuff/nameref, adopted
to magyar.ldf.

Alatta pedig ott volt egy gyönyörű makró:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

\makeatletter
\let\Hy@magyar@saved@refstepcounter\refstepcounter
\addto\extrasmagyar{%
\let\H@refstepcounter\refstepcounter
\let\refstepcounter\Hy@magyar@saved@refstepcounter
\expandafter\renewcommand\expandafter*\expandafter\@ssect
\expandafter[\expandafter 5\expandafter]\expandafter{%
\expandafter\def\expandafter\@currentlabelname\expandafter{%
\expandafter #\expandafter 5\expandafter
}%
\@ssect{#1}{#2}{#3}{#4}{#5}%
\phantomsection
}%
\expandafter\Hy@magyar@patch@sect\expandafter{%
\@sect{#1}{#2}{#3}{#4}{#5}{#6}[{#7}]{#8}%
}{#1#2#3#4#5#6[#7]#8}{#2}{#7}%
}
\def\Hy@magyar@patch@sect#1#2#3#4{%
\def\@sect#2{%
\setcounter{section@level}{#3}%
\def\@currentlabelname{#4}%
\ifnum #3>\c@secnumdepth
\Hy@GlobalStepCount\Hy@linkcounter
\xdef\@currentHref{section*.\the\Hy@linkcounter}%
\fi
#1%
\ifnum #3>\c@secnumdepth
\Hy@raisedlink{\hyper@anchorstart{\@currentHref}\hyper@anchorend}%
\fi
}%
}
\makeatother

Őszintén megmondom, még nem néztem át tüzetesebben, de eddig minden gondomat megoldotta.

0 komment

TypoTux

Írta: szantaii

2011. november 16. 21:54

alkotunk, gizmó

This is my submission for the Show Off Your Skillz in TeX & Friends Contest at TeX.sx.

Full LaTeX source and description ~~coming soon~~ below the picture.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

% TypoTux
% Created by szantaii
% Compiled with pdflatex using TeX Live 2011
%
% Use it as you like, but please send me an e-mail if you do.

\documentclass[10pt,a4paper]{article}

% Specifying input encoding
\usepackage[utf8]{inputenc}

% Using the TikZ library for drawing Tux, and clipping
\usepackage{tikz}

% Loaded for unnumbered captions
\usepackage{caption}

% For inserting lorem ipsum text
\usepackage{lipsum}

% Setting baselines smaller
\setlength{\baselineskip}{6pt}

\begin{document}

%\lipsum[1]

\begin{figure}[h!]
\centering
\begin{tikzpicture}[y=0.80pt,x=0.80pt,yscale=-1, inner sep=0pt, outer sep=0pt,scale=0.25]
\begin{scope}[shift={(-249.6684,-294.38903)}]
%\begin{scope}[cm={{0.55569,0.0,0.0,0.55569,(249.6684,292.4824)}}]
\begin{scope}

% Tux's path used for clipping
% Generated with Inkscape / http://inkscape.org/
% Using the inkscape2tikz extension / http://code.google.com/p/inkscape2tikz/
\path[clip] (265.5000,1063.0000) .. controls (252.9000,1061.0000) and
% Tux's path used for clipping cut from here because it's too long to include.
% See link for full compilable source at the end of the post.

% Adding lorem ipsum text using TikZ nodes, and the lipsum package
\node[inner sep=0,text width=10cm] (text1) at (450,450) {\LARGE\textit{\lipsum[1]}};
\node[inner sep=0,text width=10cm] (text1) at (500,500) {\LARGE\textit{\lipsum[2]}};
\node[inner sep=0,text width=10cm] (text1) at (450,450) {\textit{\lipsum[3-4]}};
\node[inner sep=0,text width=10cm] (text1) at (500,500) {\textit{\lipsum[5-6]}};
\node[inner sep=0,text width=10cm] (text2) at (450,450) {\scriptsize\textit{\lipsum[7-11]}};
\node[inner sep=0,text width=10cm] (text2) at (475,475) {\scriptsize\textit{\lipsum[12-16]}};
\node[inner sep=0,text width=10cm] (text2) at (500,500) {\scriptsize\textit{\lipsum[17-21]}};
\end{scope}
\end{scope}
\end{tikzpicture}

\caption*{TypoTux}
\end{figure}

%\lipsum[2]

\end{document}

I have always wanted to create something like this. After I read about this contest I decided to make a Tux who’s drawn by text. I chose TikZ & PGF for this purpose since it’s very powerful, and I used it several times before for path clipping.

Step-by-step description how I made this:

Grabbed a 2D vectorized Tux image from Wikipedia.
Removed colored and unnecessary white paths from the image, resized page with Inkscape.
Saved the black & white image as a standalone TikZ image with Inkscape using the inkscape2tikz extension.
Removed some unnecessary paths from the tex source file, changed path filling to clipping.
Added nodes filled with different size of lorem ipsum text using the lipsum package. Note: this was the hardest part, because there was no other way but trying to place the text under the clip path.
A little bit of fancying, and cleaning up.