Desen Filme Servicii Muzică Programare Versuri Cărți
Categorii
Programare

O parte din ce am lucrat în intervalul 28.04-07.05.2021

07.05.2021

06.05.2021

05.05.2021

04.05.2021

03.05.2021

01.05.2021

30.04.2021

29.04.2021

28.04.2021

Categorii
Programare

Cum faci un element să aibă aceeași dimensiune cu un element HTML img

Îmi place să gândesc orice element de design, în afară de conținut de tip text scris de utilizator, în termeni de CSS grid și CSS flexbox. Fiecare celulă are dimensiuni separate pe orizontală și verticală, pe care în general le pun fie la auto, fie la 1fr (care înseamnă spațiul liber disponibil, recalculat dinamic, împărțit la 1).

Utilizări pe care le găsesc la CSS grid:

  1. suprapunerea unor elemente într-o singură celulă sau suprapunerea unor elemente din grid doar parțial cu alte elemente din grid prin crearea de noi celule special făcute pentru a fi intersecții și punerea în ele a unor elemente de obicei decorative;
  2. ajustarea unui <div> care are un background-image sau a unui <svg> să fie de dimensiunea unui <img> care se află în același grid;
  3. layout-uri foarte complexe care necesită responsiveness.

Deci pentru a răspunde la întrebarea din titlu, se pun ambele elemente, și cel dintâi, și cel <img> într-un grid. Gridul își ajustează dimensiunea la conținutul celulei cu <img> și celelalte celule vor primi dimensiunea <img>-ului care în mod implicit este cea originală din fișierul de tip imagine. Ele o vor primi datorită definiției rândurilor și coloanelor din proprietățile grid-template-rows și grid-template-columns.

Sunt curios ce utilizări mai găsiți la CSS grid în afară de cele 3 puncte de mai sus, sau chiar în cele 3 dacă este ceva foarte frumos! Aștept comentariile voastre.

Categorii
Programare

De ce ai nevoie pentru a realiza jocuri 3D frumoase?

De ce ai nevoie să faci jocuri 3D? Nu întreb de ce să faci jocuri, fiindcă răspunsul este cunoscut. Este un strigăt de uimire la câte jocuri frumoase, bune și educative pot fi făcute – o infinitate. Întreb, ce resurse îți trebuiesc să realizezi jocuri 3D?

Cândva am încercat să mă fac dezvoltator de jocuri video. Pentru a realiza jocuri 3D frumoase este nevoie de matematică. Nu puțină ci multă matematică. Țin minte cum vorbeam cu cineva de dorința mea de a realiza un joc Snake 3D (șarpele mișcându-se pe suprafața unui cub). În acel joc nerealizat, dacă îmi mai aduc aminte, era nevoie de „îndoirea unui șarpe tridimensional și pentru aceea trebuia să știu lucruri interesante din matematică.

Deci, de ce ai nevoie să faci jocuri 3D?

Pentru cei doritori să învețe matematică, această pagină YouTube este un început foarte bun (sunt oameni serioși, au apărut și la TV):

https://www.youtube.com/channel/UCV0NqHo4V2HGmZGwcyGXUGA

Categorii
Programare

Distrează-te matematic. SilverEdu Number Snake

Distrează-te matematic și poți cuprinde detalii picante ale marelui Univers! Bineînțeles că toate au un punct de pornire.

Number Snake este software educațional bazat pe clasicul joc Snake, cu foarte simple adunări.

Proiectul este realizat cu WPF și abandonat dar îl voi face open source cândva, mai ales dacă există cerere.

Mai multe nivele vor fi adunate în viitor (de ex., înmulțirea) dacă cineva se va ocupa de joc. Dacă l-ar reface în React aș contribui și eu câteodată.

Caracteristici ale jocului

  • utilizabil cu tastatura
  • utilizabil cu mausul
  • învață adunarea
  • viteză constantă a șarpelui
  • trei vieți la început
  • fiecare întrebare vine cu 2 răspunsuri posibile
  • răspunsurile greșite iau din viețile șarpelui
Categorii
Programare

Învață matematică jucându-te. SilverEdu Memory Game

Învață matematică jucându-te. SilverEdu Memory Game salvează situația! Cel mai sigur mod de a învăța ceva pe un copil este joaca. Matematica stă la baza numărării banilor, a realizării cumpărăturilor, a lucrului în cam toate domeniile. Cât de greu poate fi dacă jocul nu îl plictisește pe copil? Haideți să vedem cum învățam matematica prin jocuri cu blocuri de memorie.

Cum învăț matematică prin SilverEdu Memory Game?

  • joc simplu dar atrăgător de tip blocuri de memorie cu nivele create dinamic, realizat și din amintirea unui alt joc asemănător, fără nivele create dinamic, în liceu
    • blocuri de memorie
    • adunare
    • scădere
    • înmulțire
    • împărțire
    • un mic nor informativ în meniu
    • fiecare piesă se rotește puțin să facă utilizatorul curios
    • fundaluri dinamice cu culori schimbătoare
    • niveluri generate dinamic deci jucătorul nu se va plictisi
    • sunete mici
    • procente
  • folosește WPF, în prezent rulează doar pe Windows
  • a fost interesant să-l realizez dar acum este abandonat
  • încă nu este OSS dar va fi de îndată ce îmi fac timp pentru publicare
  • sunt interesat să refac acest joc în React mai ales dacă cineva dorește să colaborăm

A simple but beautiful Maths game for little children and mature people too, so they memorize the multiplication table, exercise addition, substraction, multiplication, division, percents, and simple visual identification too. Currently with a total of 6 x 5 levels. More levels will be added in future. This game opens your eyes and your brain! Test it with the 1-day free trial!

The levels are partially dinamically generated so you’ll not get bored!

The game will get updates at least once in 2 weeks.

descrierea de pe Microsoft Store

Link-ul la website-ul abandonat al proiectului este aici. Păstrez site-ul doar pentru cei care au făcut semn de carte la proiect. Și dacă îl voi reface în React poate voi folosi același site.

Învață mate zâmbind și bucurându-te. Învață mate jucându-te cu SilverEdu Memory Game! (Dacă aș avea timp mai mult liber, chiar și eu m-aș juca pe acest joc!)

Învață matematica prin joacă. Prin blocuri de memorat distractiv, ușor, neplictisitor. Acest joc ajută copiii să aibă rezultate mai bune la școală.

Alt program făcut de mine cu WPF este Timed Silver.

Categorii
Programare

Ne organizăm timpul sau ne organizează. Timed Silver

Filosofii sau știință?

Filosofii sau știință? Pentru noi este știință. Știm bine asta. Noi, mai ales noi, cei însetați după mișcare în viață. Noi ne organizăm timpul sau el ne organizează pe noi. Așternem pe axa timpului ce ne dorim și aceasta este o cale în dar.

Mi-am organizat timpul cu Timed Silver

Captură de ecran cu Timed Silver: grupe și filtre de ceasuri în stânga, în dreapta sus vederea listă, și jos vederea tabel de date.
Captură de ecran cu Timed Silver: grupe și filtre de ceasuri în stânga, în dreapta sus vederea listă, și jos vederea tabel de date.

Timed Silver este un proiect open-source al meu abandonat în forma actuală, realizat inițial cu WinForms și apoi cu WPF. Dacă ar dori cineva să lucreze pe o refacere a lui în React (tehnologia pe care o folosesc intens în ultimul timp, inclusiv la locul de muncă și se aseamănă puțin cu WPF prin folosirea a ceva similar cu XML pentru un arbore de componente), poate contribui și eu. Mă pasionează domeniul organizării timpului și doresc să citesc cândva din acest domeniu cândva.

Facilitățile ultimei versiuni a Timed Silver

  • alarme (activat/dezactivat) și cronometre inverse (pornit/oprit)
  • personalizarea fiecărui ceas: o culoare, o imagine, o descriere, chiar o descriere în mai multe rânduri, o valoare la care să se reseteze printr-o singură comandă
  • filtrare, grupare, căutare, sortare (inclusiv automată, inclusiv după cel mai curând moment de sunat), ștergere
  • două vederi: listă și tabel de date
  • zoom, setări (fișier de copie de siguranță creat automat, bipuri la câteva secunde mai devreme decât momentul sunării unui cronometru invers, deschidere automată la pornire a ultimului fișier deschis, deschidere automată a programului la pornirea Windows, personalizare sunet global, durată de sunare configurabilă)
  • temă întunecată, afișare pe ecran complet
  • desprinderea unui ceas în propria-i fereastră redimensionabilă sau chiar pe ecran complet
  • amânare, repornire, mut, minimizare, autosalvare
  • meniuri în contextul potrivit cu ultimele fișiere audio și imagine folosite, drag & drop, opțiune pentru muțire permanentă
  • în modul ecran complet: dată și oră în partea de jos dreapta
  • folosește un format fișier XML folosibil și de propriile script-uri
  • fixează fereastra principală întotdeauna deasupra sau deasupra până la repornire
  • meniu contextual în pictograma din tava de sistem (se poate activa sau dezactiva oricare ceas)

Încheiere: linkuri și ce folosesc în prezent

Captură de ecran cu fereastra ecran complet de sonerie. Imaginea din fundal este personalizabilă, se poate amâna, se poate reporni, se poate muți temporar, minimiza.
Captură de ecran cu fereastra ecran complet de sonerie. Imaginea din fundal este personalizabilă, se poate amâna, se poate reporni, se poate muți temporar, minimiza.

Pagina GitHub a Timed Silver este aici. Cele mai recente capturi de ecran sunt puse în acest articol dar și în fișierul README.md pe GitHub. Capturi de ecran mai vechi găsiți aici.

În prezent folosesc această aplicație pentru organizarea timpului și vă recomand să găsiți și voi una. Viața e o călătorie și axa timpului rămâne frumoasă privind chiar și din această călătorie fie ea una zbuciumată sau dezlănțuită, fie liniștită și calmă.

Nu uitați: ne organizăm timpul, sau el ne organizează!


Notă: postarea inițială de la această adresă a fost ștearsă din greșeală, am recuperat-o parțial din amintiri.