Skocz do zawartości

Jaki program użyć do efektu PRZENIKANIE LITEREK


Recommended Posts

Witam,

Postaram się szczegółowo i najprościej ująć czego potrzebuję.
Od dawna mnie interesuje program, który pomoże mi stworzyć pewien efekt z literkami.
Efekt ma polegać na pojawianiu się ciemnych liter po kolei na tle jasnego obrazu.

Jest czyste tło, po chwili w jednym wersie pojawia się literka po literce  (jedna za drugą, ona NIE MA po prostu spadać z góry czy szybko się wyświetlać tylko spowolnione rozjaśnianie kolejno literki po literce jakby efekt przenikania z białego tła wyłaniająca się czarna literka kolejno jedna po drugiej tworząc wyraz i następnie następny wyraz tego samego efektu zachowując kolejność. Drugi wers identycznie kończąc pierwszą  linijkę pojawia się wszystko jak w pierwszym literka za literką pojawiając się powoli tworząc wyraz, zachowując również kolejność wersów.
Może być to efekt najlepiej pisany piórem jeśli znacie jakiś program który potrafiłby zrealizować filmik z nagraniem pisania po kolei wyrazów widząc tak jakby były pisane literki łączone ze sobą przez pisownie elektronicznym piórem.

Co powinno być dostępne:

- Styl pisania może być piórem lub osobno literki pojawiające się jakby nie z zanikania tylko pojawiania się kolejno tworząc wyrazy a następnie kolejno wersy.
- Możliwość ustawienia prędkości pojawiania się literek,

Jeśli ktoś pracuje dużo na programach to pewnie mógł natrafić na taki 1 z efektów. 
Proszę o wskazanie programu, który jest w stanie mi zrealizować to.

Link to post
Share on other sites

Jeżeli Ciebie to w jakikolwiek sposób urządza to łatwo można uzyskać taki efekt w jQuery.

 

z pojawianiem się

 

bez pojawiania się.

 

Tekst możesz zmienić w okienku po lewej.

 

var string = 'zamień cokolwiek, a każdą linię zakończ \\'.

Prędkość możesz zmienić. W tym momencie literka pojawia się co 100ms.

  • Popieram 2
Link to post
Share on other sites

Jeżeli Ciebie to w jakikolwiek sposób urządza to łatwo można uzyskać taki efekt w jQuery.

 

z pojawianiem się

 

bez pojawiania się.

 

Tekst możesz zmienić w okienku po lewej.

 

var string = 'zamień cokolwiek, a każdą linię zakończ \\'.

Prędkość możesz zmienić. W tym momencie literka pojawia się co 100ms.

JESTEŚ WIELKI. Szacun 100% i punkt ode mnie leci dla Ciebie. 

Dokładnie o coś takiego mi chodziło tylko jeszcze własne tło zamiast tego białego dodać i będzie bosko.

 

da się zrobić z tego określoną rozdzielczość np 1920x1080 dla tekstu i podstawić tło ?

Jak go pobrać aby można było działać offline? 

Link to post
Share on other sites

Deomortis jesteś GENIUSZEM, o to mi dokładnie chodziło  :) 
Dziękuję Ci za pomoc  ;)


A wiesz może jak zrobić coś takiego jak np.

Pierwszy wers zaczyna się po dwóch sekundach, leci i kończy się, 
drugi wers zanim się zacznie mijają 3 sekundy zanim ruszy pojawianie się literek.
czwarty wers zanim ruszy minie 5 sekund.

Da się coś takiego jeszcze ustawić tam ?
 

Link to post
Share on other sites

Jasne.

 

Podmień całą sekcję <script> na dole na

  <script type="text/javascript">
$(function () {
	
	// tutaj zmień tekst
    var linie = ['Witamy na benchmark.pl',
    'A to tekst w kolejnej linii.',
    'DeoMortis'];
	
	var czasy = [2000, 3000, 5000]; //czasy pojawiania się kolejnych linii.
	
	function splitter(line) {
		return jQuery.map(line.split(''), function (letter) {
        	return $('<span>' + letter + '</span>');
		});
	}
	
    var dest = $('#fadeIn');
	
	function showLine(linie, idx) {
		if(linie.length == idx) {
			return;
		}
		var c = 0;
		var i = setInterval(function () {
			var q = splitter(linie[idx]);
			q[c].appendTo(dest).hide().fadeIn(500); <!-- tutaj zmień prędkość pojawiania się litery -->
			c += 1;
			if (c >= q.length) {
				clearInterval(i);
				dest.append("<br/>");
				setTimeout(function() {
					showLine(linie, idx+1);
				}, czasy[idx+1]);
			}
			
		}, 100); <!-- tutaj zmień prędkość pojawiania się kolejnych liter -->
		
	}
	
	setTimeout(function() {
		showLine(linie, 0);
	}, czasy[0]);
    
});
  </script>
  • Popieram 1
Link to post
Share on other sites

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Odpowiedz w tym wątku...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...