sastgroup.com

Bordi arrotondati con i css

Posted on 28. Apr, 2006 by Administrator.

0

Obiettivo

In questo articolo tratteremo come creare un box con bordi arrotondati con i css

Codice

<html>
<head>
<style type=”text/css” media=”all”>
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#000; margin:0; font-weight:normal;}
.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

.bianco{background:#cecece;}

#navigation2 {width:600px;background:transparent; margin:1em auto; height:30em; background:#fff;font-size:12px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }
.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */
/* \*/…

Continua a leggere

Effetto 3d con i css

Posted on 28. Apr, 2006 by Administrator.

0

Obiettivo
In questo articolo tratteremo come creare effetto bordo 3d con i css come in figura:

Codice

<div class=”bordoesterno”>
<div class=”bordointerno”>
Caramelle e cioccolatini
</div>
</div>

Che usiamo con:

Continua a leggere

Figure Isometriche in pixel art (parte 3)

Posted on 28. Apr, 2006 by Administrator.

0

Esempio Della Camera

Qui segue il serio delle fasi che ho preso nella generazione delle queste mattonelle della casa per un gioco isometrico con un tatto del fumetto esso.

E una costruzione animata sia a 200% che al formato normale:

Esempio di Cottage

Ciò fa un passo via dallo sguardo cartoony e mostra i punti che ho usato generare una delle costruzioni per il mio progetto ‘del villager ‘.

In primo luogo, utilizzando una delle mattonelle isometriche normali del terreno come base, ho disegnato il profilo di base ed ostruito in un certo colore.

Allora, ho rimosso tutto il profilo scambiandolo per un punto culminante o una tonalità un po’più scura.

Dopo, ho aggiunto alcune caratteristiche…

Continua a leggere

Figure Isometriche in pixel art (parte 2)

Posted on 28. Apr, 2006 by Administrator.

0

Cambiare una immagine 2D in isometrica

È importante si rende conto che non potete dare appena ad una 2D immagine una direzione obliqua per renderla isometrica, poichè una 2D immagine non mostra profondità e semplicemente sporgersi l’immagine indietro dopo avere datle una direzione obliqua non potrebbe fornire risultati richiesti.

Entrambe le suddette immagini hanno potuto essere rappresentazioni di più piccola 2D vista vicino esso.

È inoltre degno notare quello che dà semplicemente ad un’immagine una direzione obliqua da 26.565° non fornirà vero risultato isometrico. Sembrerà allungata.

Poichè la suddetta immagine mostra, semplicemente dare ad un’immagine una direzione obliqua farà l’oggetto comparire streched. Le basi dello schema centrale indicano che x1 > x2. L’esempio a destra…

Continua a leggere

Figure Isometriche in pixel art (parte 1)

Posted on 28. Apr, 2006 by Administrator.

0

Isometrics matematicamente

La vista isometrica è basata su una vista ruotata di vista di griglia ad un’altezza. Ciò dà una griglia a forma di diamante come indicato sotto. Fornisce una rappresentazione tridimensionale e perspectiveless di un oggetto o gli oggetti e specialmente è favorita per i modelli di ingegneria

Tradizionalmente, la vista isometrica è basata su un angolo 30°, tuttavia, su uno schermo del calcolatore questo angolo darà una linea diagonale sembrante irregolare e sudicia può essere visto nello schema qui sotto. Per questo motivo, un angolo approssimativamente equivalente a 26.565° è usato mentre genera una linea accurata e pulita