Bitmapy - format i zastosowanie. Podstawowy format plików bitmapowych, dogodność zastosowania bitmap w prostych animacjach 2D.



Podobne dokumenty
Do obsługi plików BMP należy stworzyć klasę przechowującą zawartość obrazu i udostępniającą następujące metody:

Formaty plików graficznych - wprowadzenie

HISPASEC. Praktyczne podejście do testowania bezpieczeństwa implementacji obsługi formatów danych. by Gynvael Coldwind

Format BMP okiem hakera

OBRAZY ZDJĘĆ LOTNICZYCH W POSTACI CYFROWEJ JAKO WARSTWA INFORMACYJNA W GIS WSPIERAJĄCYM GOSPODARKĘ PRZESTRZENIĄ W GMINIE.

Reprezentacje danych multimedialnych - grafika. 1. Terminologia 2. Obrazy czarno-białe 3. Obrazy kolorowe 4. Paleta 5.

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

dr inż. Piotr Odya dr inż. Piotr Suchomski

Laboratorium Grafiki Komputerowej i Animacji. Ćwiczenie II. Formaty plików graficznych

Architektura komputerów. dr inż. Sławomir Samolej D108 A, tel: , WWW: ssamolej.prz-rzeszow.

Podstawy grafiki komputerowej. Teoria obrazu.

Rozdział 7. Przedstawienie formatu graficznego BMP.

Grafika rastrowa (bitmapa)-

Formaty obrazów rastrowych biblioteki PBM

Grafika komputerowa. Dla DSI II

Laboratorium Podstaw Informatyki Strona 1. Laboratorium Podstaw Informatyki. Kierunek Elektrotechnika. Ćwiczenie Graf

FORMATY PLIKÓW GRAFICZNYCH

Rysowanie punktów na powierzchni graficznej

Interfejs graficzny w systemie Windows (GDI - Graphics Device Interface)

8. Dynamiczne generowanie grafiki, cz. 2

ANALIZA I INDEKSOWANIE MULTIMEDIÓW (AIM)

Grafika na stronie www

Warstwa Rysunek bitmapowy Rysunek wektorowy

// Potrzebne do memset oraz memcpy, czyli kopiowania bloków

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Formaty plików graficznych

Podstawy Informatyki Wykład V

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

Multimedia i grafika komputerowa

Księgarnia internetowa Lubię to!» Nasza społeczność

Cała prawda o plikach grafiki rastrowej

Gimp Grafika rastrowa (konwersatorium)

Autor: dr inż. Katarzyna Rudnik

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej

Technologie cyfrowe semestr letni 2018/2019

Wykład VII. Systemy kryptograficzne Kierunek Matematyka - semestr IV. dr inż. Janusz Słupik. Wydział Matematyki Stosowanej Politechniki Śląskiej

Grafika Komputerowa Wykład 1. Wstęp do grafiki komputerowej Obraz rastrowy i wektorowy. mgr inż. Michał Chwesiuk 1/22

Tworzenie prezentacji w MS PowerPoint

CEL zapoznanie z programem do tworzenia rysunków i ukazanie możliwości Edytora obrazów do sporządzania rysunków i ikon.

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

Promotor: dr inż. Adam Piórkowski. Jakub Osiadacz Marcin Wróbel

Ćwiczenie 4 - Tabele

Wykład VI. Programowanie. dr inż. Janusz Słupik. Gliwice, Wydział Matematyki Stosowanej Politechniki Śląskiej. c Copyright 2014 Janusz Słupik

2 INSTALACJA OPROGRAMOWANIA. 3 3 GŁÓWNE OKNO PROGRAMU 3 4 MODUŁ OBSŁUGI ARCHIWUM 7

Waldemar Izdebski - Wykłady z przedmiotu SIT / Mapa zasadnicza 30

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ

1. Reprezentacja obrazu w komputerze

Grafika komputerowa. Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Żółty

Według raportu ISO z 1988 roku algorytm JPEG składa się z następujących kroków: 0.5, = V i, j. /Q i, j

Analiza i Przetwarzanie Obrazów. Szyfrowanie Obrazów. Autor : Mateusz Nawrot

Kompresja Stratna i Bezstratna Przegląd Najważniejszych Formatów Graficznych

Podstawy programowania. Wykład: 12. Struktury, unie, pola bitowe. dr Artur Bartoszewski -Podstawy programowania, sem 1 - WYKŁAD

1. Narzędzia główne: WORD 2010 INTERFEJS UŻYTKOWNIKA. wycinamy tekst, grafikę

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

Organizacja pamięci w procesorach graficznych

Przykładowe zagadnienia na sprawdzian z wiedzy ogólnej. Linux to nazwa: A. Programu biurowego. B. Systemu operacyjnego. C. Przeglądarki internetowej.

Instrukcja przygotowania projektów do druku

GRAFIKA WEKTOROWA. WYKŁAD 1 Wprowadzenie do grafiki wektorowej. Jacek Wiślicki Katedra Informatyki Stosowanej

Rozdział 1. Zastosowanie komputera w życiu codziennym Rozdział 2. Elementy zestawu komputerowego...11

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i

Formaty plików graficznych

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT

Kodowanie informacji. Kody liczbowe

Schematy zarzadzania pamięcia

dr inż. Jarosław Forenc

Klasyfikacja metod kompresji

Grafika 2D. Pojęcia podstawowe. opracowanie: Jacek Kęsik

Baltie 3. Podręcznik do nauki programowania dla klas I III gimnazjum. Tadeusz Sołtys, Bohumír Soukup

Tworzenie prezentacji, PowerPoint

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

KRYPTOGRAFIA I OCHRONA DANYCH PROJEKT

Dodawanie grafiki i obiektów

Bartosz Bazyluk WPROWADZENIE Wstęp do dwuwymiarowej grafiki komputerowej.

Spis treści. Lekcja 1: PowerPoint informacje podstawowe 1. Lekcja 2: Podstawy pracy z prezentacjami 36. Umiejętności do zdobycia w tej lekcji 36

Wprowadzenie Algorytm ByteRun ByteRun - przykład Algorytm RLE Przykład działania RLE Algorytm LZW Przykład kompresji LZW

Animowana grafika 3D. Opracowanie: J. Kęsik.

mgr inż. Grzegorz Kraszewski SYSTEMY MULTIMEDIALNE wykład 3, strona 1.

Grafika w dokumencie tekstowym. Technologia Informacyjna Lekcja 26

M O DEL T E K ST O W Y DANYCH G RAFIC ZNYCH I M O ŻLIW O ŚC I JEG O ZASTO SO W A N IA W FO TOGRAM ETR II C Y FR O W EJ

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2019 CZĘŚĆ PRAKTYCZNA. Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu

Formaty plików graficznych

System plików przykłady. implementacji

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

3.4. Opis konfiguracji layoutów.

i ruchów użytkownika komputera za i pozycjonujący oczy cyberagenta internetowego na oczach i akcjach użytkownika Promotor: dr Adrian Horzyk

Wprowadzenie do prezentacji multimedialnych

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

AutoCAD LT praca na obiektach rastrowych i nakładanie barw z palety RGB na rysunki.

GRAFIKA RASTROWA GRAFIKA RASTROWA

Podstawy przetwarzania obrazów teledetekcyjnych. Format rastrowy

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

Klasyfikacja metod kompresji

Opis Edytora postaci Logomocji

Formaty plików. graficznych, dźwiękowych, wideo

SUBLIMACJA - DRUK NA WYKROJACH

KARTA INFORMACYJNA Z INFORMATYKI DO KLASY 6. Imię i nazwisko ucznia:

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Transkrypt:

Bitmapy - format i zastosowanie. Podstawowy format plików bitmapowych, dogodność zastosowania bitmap w prostych animacjach 2D.

Format BMP został zaprojektowany przez firmę Microsoft, do przechowywania obrazów tzw. grafiki rastrowej, czyli zdjęć, wysokiej jakości tekstur i innych skomplikowanych obrazów. Zalety formatu BMP: prostota formatu duża szybkość przetwarzania skomplikowanych obrazów powszechność formatu na wielu platformach sprzętowych Wady formatu BMP: duża pamięciożerność mała lub brak kompresji obrazu wewnątrz pliku format BMP jest nierozpoznawalny przez HTML

Istnieją cztery rodzaje plików BMP: pliki 1, 4, 8 i 24 bitowe. Oznacza to, że kolor piksela obrazu w danym rodzaju pliku kodowany jest za pomocą wymienionej liczby bitów. W przypadku bitmap 24 bitowych, każdy piksel kodowany jest trzema bajtami, odpowiadającymi bezpośrednio składowym czerwonej, zielonej i niebieskiej piksela. Dla pozostałych rodzajów bitmap każdy piksel bitmapy jest indeksem w tabeli kolorów będącej częścią pliku BMP. Dopiero wartość tabeli wskazywana przez ten indeks jest kolorem piksela widzianym na ekranie. B1 B1 G1 G1 R1 R1 11 B2 B2 B3 B3 y tablicy kolorów G2 G2 G3 G3 R2 R2 R3 R3 22 33 y bitmapy Efekt widoczny na ekranie Organizacja bitmapy w modelu 1, 4, 8 bitowym.

Plik BMP składa się z czterech (lub trzech, dla bitmap 24 bitowych) części, zawierających informacje o parametrach bitmapy, używanych kolorach i wreszcie reprezentacji bitowej samego obrazu. Nagłówek pliku pliku bitmapy Zawiera informacje o parametrach pliku BMP. Nagłówek parametrów bitmapy Tablica kolorów bitmapy Zawiera informacje o parametrach bitmapy. Zawiera tablicę kolorów, każdy kolor zajmuje trzy bajty odpowiednio w kolejności BGR. Tablica ta nie występuje w bitmapach 24 bitowych. Obraz bitmapy Zawiera opis obrazu przechowywanego w pliku piksel po pikselu. Pierwszy bajt odpowiada lewemu dolnemu pikselowi, ostatni bajt prawemu górnemu. Obraz jest zatem przechowywany do góry nogami. Organizacja pliku BMP w modelu 1, 4, 8 bitowym.

Implementacja struktury pliku BMP może być wykonana w języku C++ w następujący sposób: 1. BITMAPFILEHEADER - struktura obejmująca parametry nagłówka pliku BMP 2. BITMAPINFOHEADER - struktura obejmująca parametry bitmapy 3. tablica kolorów zorganizowana jako tablica struktur RGBQUAD (tylko dla bitmap 1, 4, 8 bit) 4. tablica bajtów odwzorowywująca obraz w pikselach. Definicje powyższych struktur wyglądają następująco: struct BITMAPFILEHEADER { UINT bftype; DWORD bfsize; UINT bfreserved1; UINT bfreserved2; DWORD bfoffbits; }; Dwa Dwa bajty bajty identyfikujące identyfikujące typ typ pliku, pliku, wartość: wartość: BM BM Całkowity Całkowity rozmiar rozmiar pliku pliku w bajtach bajtach zarezerwowany, zarezerwowany, zero zero zarezerwowany, zarezerwowany, zero zero bajtów bajtów od od początku początku struktury struktury BITMAPFILEHEADER BITMAPFILEHEADER do do początku początku tablicy tablicy pikseli. pikseli.

Rozmiar Rozmiar struktury struktury BITMAPINFOHEADER, BITMAPINFOHEADER, powinno powinno być być 40 40 struct BITMAPINFOHEADER { DWORD bisize; LONG biwidth; LONG biheight; WORD biplanes; WORD bibitcount; DWORD bicompression; DWORD bisizeimage; LONG bixpelspermeter; LONG biypelspermeter; DWORD biclrused; DWORD biclrimportant; }; Szerokość Szerokość bitmapy bitmapy w pikselach pikselach Wysokość Wysokość bitmapy bitmapy w pikselach pikselach Wartość Wartość równa równa 1, 1, można można bitów bitów kodujących kodujących piksel piksel : : 1, 1, 4, 4, 8 8 lub lub 24 24 0 0 - - brak brak wewnętrznej wewnętrznej kompresji, kompresji, w przeciwnym przeciwnym razie razie zastosowano zastosowano wewnętrzną wewnętrzną kompresję kompresję pliku pliku BMP BMP Rozmiar Rozmiar obrazu obrazu bitmapowego bitmapowego w bajtach bajtach indeksów indeksów w tablicy tablicy kolorów kolorów

struct RGBQUAD { BYTE rgbblue; BYTE rgbgreen; BYTE rgbred; BYTE rgbreserved; }; niebieska niebieska zielona zielona czerwona czerwona zarezerwowany zarezerwowany

Proste animacje 2D można z powodzeniem realizować przy pomocy wcześniej przygotowanych faz animacji obiektów zapisanych w bitmapach. Bardzo popularną techniką animacji jest w tym przypadku technika podwójnego bufora (and. Doubble Buffer). Polega ona na wcześniejszym przygotowaniu w pamięci pełnej ramki amimacji i szybkim przepisaniu tak przygotowanej ramki do pamięci obrazu. Jeśli dysponujemy wcześniej przygotowanymi fazami animacji obiektów można nie tylko uzyskać efekt ruchu obiektu na ekranie, ale także zmiany jego kształtu. Przykładowe fazy animacji teksturowanej piłeczki.

Zasadę działania techniki podwójnego buforowania ilustruje schemat: Bufory w pamięci operacyjnej przechowywujące kształty obiektów, które będą podlegały animacji. Bufor podwójny (Doubble Buffer) Pamięć obrazu

Dziękuję za uwagę. Prelekcję przygotował Kamil Stokfiszewski